Стилизация <select>вариантов с помощью CSS и IE 7 - PullRequest
1 голос
/ 06 января 2010

Я хочу оформить фактические элементы в окне списка на основе определенных пользовательских данных (добавление новых элементов, редактирование существующих элементов, а затем их активация / неактивность).Одна вещь, которую я хотел сделать, это использовать жирный шрифт (для активного) и курсив (для отредактированных элементов), просто добавив класс css к рассматриваемому элементу списка (или убрав его соответствующим образом).

В Firefox, эта работа.

В IE7 ничего из этого не работает.

Почему?Это что-то вроде режима причуд, или Темные Боги IE7 в своем невыразимом и бесконечном безумии утверждают, что так не должно быть?Делает ли это Firefox, нарушая Женевскую конвенцию?

Вот мой класс css для целей жирного шрифта:

.active
{
    color:Black;
    font-weight: 600;
}

Я также попытался использовать "bolder" для font-weight, просто как попыткубыть тщательнымЭто не сработало, и я уверен, что это не станет сюрпризом для более чем одного человека здесь.

Ответы [ 3 ]

4 голосов
/ 06 января 2010

IE и Firefox реализуют теги по-разному.

В IE то, что вы просите, невозможно.

2 голосов
/ 06 января 2010

Много раз, когда люди хотят стилизовать элементы option, им действительно нужны optgroups. Будет ли это работать для ваших нужд? http://www.w3schools.com/tags/tag_optgroup.asp

Если вы должны иметь полный CSS-контроль над опциями, то большинство библиотек javascript имеют полностью встроенный имитатор выбора полей, созданный на основе javascript, который вы затем можете стилизовать под свое удовольствие. http://www.ajaxupdates.com/jquery-select-box/

Для меня история показала, что пользователи не заботятся или даже не замечают дополнительного стиля. Но это радует дизайнеров:)

2 голосов
/ 06 января 2010

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

Некоторые jQuery выбирают флажки, чтобы показать возможности:

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...