Я нахожусь на mac running firefox. У меня есть веб-сайт и выберите выпадающий список имеет забавный стиль:Как стилизовать выбранный снимок?
Когда я смотрю на других веб-сайтах в том же браузере, выглядят по-разному:
Или даже на мой код здесь: jsFiddle
Что может быть причиной того, что мой сайт будет показывать, как это происходит, поскольку, насколько я понимаю, у вас очень мало контроля над тем, отображается?
Благодаря
Вы используете CSS для форматирования <select>? Или сброс CSS? Если вы используете некоторые правила, такие как border или background, стиль по умолчанию исчезает, и вы получаете этот серый квадрат. Вы должны удалить эти настройки CSS.
Отличный ответ. Я нашел свойство границы, убирающее элемент выбора в отдельной таблице стилей, в основную. Благодаря! – Anthony
По умолчанию выпадающие меню по умолчанию различаются в разных браузерах. К сожалению, нет никакого реального способа CSS, чтобы восстановить их.
При этом вы можете использовать плагин jQuery, такой как: Custom Select Box, который я использовал в прошлом для хорошего эффекта.
Второй пример отображается с использованием системного представления выбора. Первый из них не похож на выбор системы, потому что применяется некоторый пользовательский стиль, который не более чем просто сбрасывает представление системы.
Как правило, невозможно эффективно создавать поля ввода HTML, отличные от текстовых полей. Для этого разработчики обычно повторно реализуют элементы управления вводами с использованием сложного HTML, это предлагает Ян Девлин.
Этот код отображается в нижнем примере в моей копии Fx/Mac. Объяснение почти наверняка связано с чем-то конкретным для вашего сайта. – Quentin