Сглаживание в настройках HTML <select>с непрозрачностью CSS в IE - PullRequest
0 голосов
/ 24 ноября 2011

Мне пришлось изменить цвет кнопки выбора HTML (выпадающий список), но, поскольку невозможно добавить изображение непосредственно к кнопке выбора, я установил изображение позади выпадающего списка, а затем сделалпрозрачный выпадающий список "фильтр: альфа (непрозрачность = 0);"в iexplore и "непрозрачность: 0;"в Firefox.Таким образом, вы не видите выделение, вместо этого вы видите изображение (что похоже на выделение, но с другим цветом, и так как выделение находится сверху изображения (больший z-индекс), когда вы нажимаете, выщелкнув по выделению. И когда он показывает параметры, да, вы можете их увидеть.

Проблема в том, что он мне нужен для работы в Firefox, Chrome и IEXPLORE. С Firefox и Chrome проблем нет, нотекст опций в Iexplore отображается без сглаживания, которое он получает в других браузерах. Весь текст страницы сглаживается, поэтому мне нужно, чтобы это также было сглажено.

Я видел, как это сделать, но это работает, если текст находится внутри div, H1, но не если он находится в опциях выбора. Например: http://www.useragentman.com/blog/2010/09/02/how-to-make-cleartype-font-face-fonts-and-css-visual-filters-play-nicely-together/

Но он не работает в выборе: (

Спасибо заранее !!

1 Ответ

0 голосов
/ 24 ноября 2011

Кажется, я помню, что IE не позволяет раскрасить фон на <option> только на все <select>. Для хака, который вы описываете, требуется цвет фона и цветность, поэтому, возможно, попробуйте установить их на элементе выбора.

В качестве альтернативы существуют решения javascript, которые реализуют выборку с использованием ненативных элементов. Избегая рендеринга нативного выбора, вы избегаете появления ошибок, уникальных для реализации элементов формы в IE (которая использует нативные системные объекты). В списке слишком много реализаций, поэтому просто найдите «выпадающий список пользовательских JavaScript».

...