My OperaThe My Opera forums have been replaced with forums.opera.com. Please head over there to discuss Opera's products and features
See the new ForumsYou need to be logged in to post in the forums. If you do not have an account, please sign up first.
Remove outline for HTML elements using CSS.
I want to remove outline totally from input,img,select and textarea using CSS.How do I go about it.Please tell me.Already tried:
outline: none;
and
outline: rgba(0,0,0,0) none 0;
and
outline: 1px solid #CCC;
outline-offset:-2px;
Thanks in advance.
Those elements don't normally have an outline. Maybe you want to remove the border?
Opera 12.15 - Win 8 Pro x64 All my Opera tools -Tab Vault: Save tabs for later -AutoStack: tabs opened from a stack stay there
I don't see any dotted line around focused elements. What OS and version of Opera are you using?
Opera 12.15 - Win 8 Pro x64 All my Opera tools -Tab Vault: Save tabs for later -AutoStack: tabs opened from a stack stay there
It's possible this is a Linux-only thing, since I don't see it on Windows. Could you post a screenshot of the dotted outline just to be sure?
Opera 12.15 - Win 8 Pro x64 All my Opera tools -Tab Vault: Save tabs for later -AutoStack: tabs opened from a stack stay there
I don't see any dotted outline on the same OS.
The DnD Sanctuary — a safety net for My Opera's demise.
I am attaching the screenshots and the src.The screenshot consist of various tricks that I have tried on 3 html elements.
src(focus.html+special.css+play.jpg)
http://dl.dropbox.com/u/16730545/src.zip
screenshots(total of 15 images)
http://dl.dropbox.com/u/16730545/opera%20screenshots.zip
Some of the hacks do work but only on some elements.
src(focus.html+special.css+play.jpg)
http://dl.dropbox.com/u/16730545/src.zip
screenshots(total of 15 images)
http://dl.dropbox.com/u/16730545/opera%20screenshots.zip
Some of the hacks do work but only on some elements.
Okay. The blue outline only appears when you use spatial navigation (Shift+Arrows). Disabling that is going to make those who use spatial navigation hate you, as they won't be able to tell which element is selected. I'm not sure why you're getting a dotted outline on the other buttons though. Do you have any OS settings set in a way that might cause this?
Opera 12.15 - Win 8 Pro x64 All my Opera tools -Tab Vault: Save tabs for later -AutoStack: tabs opened from a stack stay there
I don't think its a OS setting plus it also happens with mouse based focus.
Also it is working when we do -o-transform:rotate(0) which is a Opera specific CSS command.
Also it is working when we do -o-transform:rotate(0) which is a Opera specific CSS command.
I can now get the outline on buttons here, but only when I focus them with tab or spatial navigation. This happens for you when you focus things with the mouse too? I am not sure if/how you can remove this.
Opera 12.15 - Win 8 Pro x64 All my Opera tools -Tab Vault: Save tabs for later -AutoStack: tabs opened from a stack stay there
Originally posted by spadija:
Disabling that is going to make those who use spatial navigation hate you, as they won't be able to tell which element is selected.
I'd be one of those people.
Anyhoo, if you style buttons you don't get the outline, which btw is simply a part of the default Ubuntu theme. It's the exact same in e.g. Firefox, and disappears or changes if you choose a theme without it. http://www.webreference.com/programming/css_stylish/index.html
The DnD Sanctuary — a safety net for My Opera's demise.