Removing button's dots

Discussion in 'Web Design and Development' started by macsig, Jun 4, 2008.

  1. macsig macrumors regular

    Joined:
    Oct 27, 2006
    Location:
    Marina del Rey, CA
    #1
    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:

    [​IMG]


    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 !
     
  2. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #2
    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.
     
  3. macsig thread starter macrumors regular

    Joined:
    Oct 27, 2006
    Location:
    Marina del Rey, CA
    #3
    So, I can't do anything :mad:

    Thanks anyway for your reply
     
  4. 7031 macrumors 6502

    7031

    Joined:
    Apr 6, 2007
    Location:
    England
    #4
    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).
     
  5. tominated macrumors 68000

    tominated

    Joined:
    Jul 7, 2006
    Location:
    Queensland, Australia
    #5
    i think in your css styles for the page, you can put something like "outline: none;" for the button
     
  6. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #6
    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).

    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.
     
  7. reclusivemonkey macrumors 6502

    reclusivemonkey

    Joined:
    Jun 2, 2008
    Location:
    Sowerby Bridge, West Yorkshire, UK
    #7
  8. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #8
  9. macsig thread starter macrumors regular

    Joined:
    Oct 27, 2006
    Location:
    Marina del Rey, CA

Share This Page