Sidebar Sidebar
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

Removing button's dots

M

macsig

macrumors regular
Original poster
Oct 27, 2006
236
0
Marina del Rey, CA
Hi guys, I would like to know if through CSS is it possible to remove the dots around a button's value. The dots around submit on the image below:

buttonst2.gif



I tried with outline-width that I use for links but it changes the button outline (and that makes perfect sense) so I thought if there is a way to stylish the value itself but I couldn't find anything about that.

Thanks and have a nice evening !
 
It's a browser specific thing. With Firefox you might be able to tweak a chrome.css file somewhere to make the change, but would only be for your browser, not for visitors. Safari doesn't do this.
 
I know this is an old thread, but I want to make you aware that those dots will not appear in any new browser. Firefox 3 will not have them. Firefox 3 will have the same buttons as Safari. (trust me, I'm using it).
 
7031 said:
I know this is an old thread, but I want to make you aware that those dots will not appear in any new browser. Firefox 3 will not have them. Firefox 3 will have the same buttons as Safari. (trust me, I'm using it).
Click to expand...

Thread old? It was started yesterday :) It makes sense that Firefox 3 won't have it as it's switching to Cocoa (or was it Carbon, I always get them mixed up) and thus it has the Safari style buttons. However, the dotted buttons will still show up on Windows browsers and probably in Opera for Mac. And still, even if you could change it for visitors through CSS I would recommend against it as that "feature" is used by people who use the keyboard to surf the net and that dotted outline lets them know when they have a button focused. So, removing that decrease the accessibility / usability of the web site, which is likely why you can't adjust it. Safari has its own way to highlight keyboard focused items (the blue outline).

tominated said:
i think in your css styles for the page, you can put something like "outline: none;" for the button
Click to expand...

I tried doing that, but the browser overrides it in some way. Even tried -moz-outline: none!important; but no go so seems to be something on the chrome side of preferences.
 
You must log in or register to reply here.
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.
Top Bottom
Back