The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Remove Dotted Border on Buttons? Re: Remove Dotted Border on Buttons?


@ulrike – Here is a perfect example for you Try clicking the buttons made from "a" or anchor links and the dotted outline has been removed using CSS. If you look at his source code he has also tried to remove the dotted outline from the "button" elements but as his comment states "doesn’t seem to be respected for <button>". Now click one of the buttons that is made from a "button" element and you see the ugly outline coming out of the sides which makes the button look bad. This is what I am referring to. I personally use Firefox for most of my browsing.

Now for the idea that it is ignorant to choose looks over accessibility that is something we designers have to do on a regular basis. I don’t hear people complaining about people making sites in flash. Flash buttons can’t be selected with the tab key either. I will make these choices for my sites and you can make them for yours but don’t call me ignorant for choosing to remove an ugly dotted outline from my buttons.

So is there a way to remove these outlines from "button" elements or "input type=submit" buttons?

Thank you for your help!