My<cod/>.net
HTML выберите тег с черным фоном-выпадающий треугольник невидим в Firefox 3
У меня есть следующие HTML (обратите внимание, что CSS делает фон черным, а текст белым)
<html>
<select id="opts" style="background-color: black; color: white;">
<option>first</option>
<option>second</option>
</select>
</html>
Safari достаточно умен, чтобы сделать маленький треугольник, который появляется справа от текста, того же цвета, что и текст переднего плана.
Другие браузеры в основном игнорируют CSS, поэтому они тоже хороши.
Firefox 3 однако применяет цвет фона, но оставляет треугольник черным, поэтому вы не можете его видеть, как это
Я не могу понять, как это исправить - кто-нибудь может помочь? Есть ли здесь -moz-select-triangle-color или что-то непонятное вроде этого?
Проблема с приведенным выше исправлением заключается в том, что оно не работает на Safari - вы в конечном итоге получаете белый фон, который выглядит плохо. Я получил вокруг этого, с помощью этой МОЗ конкретных псевдо-класса:
select:-moz-system-metric(windows-default-theme) {
background-image: url(../images/selectBox.gif);
background-position: right;
background-repeat: no-repeat;
}
В теории это применимо только к этому CSS, если в действительности используется причудливая тема Windows, см. Этот https://developer.mozilla.org/en/CSS/%3a-moz-system-metric(windows-default-theme)
Я бросил этот код в файл и нажал его на ff3, и я не вижу, что вы see...the стрелка-это цвет по умолчанию с серым фоном и черной стрелкой.
Вы тоже стилизуете полосы прокрутки?
Я бросил этот код в файл и нажал его на ff3, и я не вижу, что вы see...the стрелка-это цвет по умолчанию с серым фоном и черной стрелкой.
Вы тоже стилизуете полосы прокрутки?
Я обновил сообщение, HTML в нем теперь буквально весь html, который загружается, никаких других CSS/JS или чего-либо еще, и он все еще выглядит точно так же, как опубликовано на рис.
Обратите внимание, что я на vista. Он может делать разные вещи на XP, я не проверял