Как скрыть рамку и цвет фона раскрывающейся стрелки элемента HTML <select>?

Question

Я обнаружил, что в центре домашней страницы Mozilla есть элемент

Смотрите прикрепленный скриншот. В верхней части отображается раскрывающийся список в Facebook, а в нижней - в Mozilla.

Answer 1

Если свойство border css элемента select не переопределено, оно отображается как можно более родным (случай mozilla).Когда, с другой стороны, указывается свойство border, браузер пытается отобразить select с рамкой и жертвует каким-то его естественным видом (в случае с Facebook).

Или, возможно, он пытается отобразитьродной комбобокс без рамки и затем рисует границу вокруг него.В любом случае, когда граница указана, поле со списком нужно рисовать по-разному - по окнам или по браузеру.

И, к вашему сведению, у меня есть классическая тема в win7, а кнопка select в mozilla выглядитлюбая другая классическая кнопка Windows: серая и 3D:

Answer 2

То, что вы видите, это не select, а поле ввода, рядом с которым находится другое поле ввода типа image. Ввод изображения действует как кнопка отправки формы. Их HTML для него выглядит следующим образом:

<input id="q" type="search" placeholder="Search" name="q">
<input id="quick-search-btn" type="image" alt="Search" src="/images/template/search-submit.png">

Кстати, если вы работаете с Firefox, я бы порекомендовал получить дополнение к Firebug. Затем вы можете щелкнуть правой кнопкой мыши по любому элементу и осмотреть его.