The select element inner border in Firefox

Question

The select element still gets an inner border on focus. Here's a sample form:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Sample Form</title>
<style type="text/css">
* {outline:none;}
::-moz-focus-inner {border:none;}
</style>
</head>
<body>
<form action="">
<select>
  <option value="first">First option</option>
  <option value="second">Second option</option>
</select>
</form>
</body>
</html>

How can I remove it?

Thanks in advance!

Mike

possible duplicate of [Remove outline from select box in FF](http://stackoverflow.com/questions/3773430/remove-outline-from-select-box-in-ff) — Jukka K. Korpela, Jun 06 '12 at 06:38

score 0 · Answer 1 · answered Jun 06 '12 at 19:18

0

The border is there as a user-facing feature so the user can see what's focused. You can't remove it.

answered Jun 06 '12 at 19:18

Boris Zbarsky

34,758
5
52
55

The select element inner border in Firefox

1 Answers1