Posts tagged Web design

How to remove the dotted border from around select tags in Firefox

CSS form styling is an increasingly common design trend. If you do style your <form> elements, applying some CSS to a <select> tag can be really cool. Except in Firefox, which displays a rather annoying dotted border around the <select> tag.

Here’s how to get rid of it:

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}