Селектор CSS для метки с использованием атрибута for в IE 6,7

У меня есть ярлык на моей веб-странице как label for = "title" Как я могу стилизовать этот конкретный элемент ярлыка?


css internet-explorer css-selectors
person srinath    schedule 27.10.2010    source источник
comment
возможный дубликат Можно ли отформатировать всплывающую подсказку HTML?   -  person Pekka    schedule 27.10.2010
comment
Ой, плохо, я неправильно понял вопрос. Прости   -  person Pekka    schedule 27.10.2010
comment
Как досадно, что IE6 не поддерживает базовые селекторы CSS. Честно говоря, сейчас я отказался от попыток поддерживать IE6; это просто не стоит усилий, и его доля на рынке все время падает. Но если вам все же нужно его поддерживать, я сочувствую вам.   -  person Spudley    schedule 27.10.2010

Ответы (4)


arrow_upward
7
arrow_downward

вы можете присвоить ему идентификатор

<label for="title" id="label-title">TITLE</label>

затем примените CSS, например

#label-title{font-weight:bold}
person Rocket Ronnie    schedule 27.10.2010
comment
Практически один из немногих (простых) способов приспособить IE6. +1 - person BoltClock; 27.10.2010

arrow_upward
7
arrow_downward

Поскольку IE6 не поддерживает селекторы атрибутов, вы можете подумать об указании атрибута класса для своего <label /> и выбрать его вместе с ним. (См. Как временное решение: IE6 не поддерживает CSS « селекторы атрибутов)

В IE7 вы могли просто сделать это:

label[for="title"] {
   font-weight: bold;
   /* ... */
}

См. jsfiddle.net/GWNXq.

person Bertrand Marron    schedule 27.10.2010

arrow_upward
3
arrow_downward

Спасибо за твои ответы!

Это то, что я обнаружил после нескольких часов "поиска в Google".

Я думаю, что в IE6 мы должны использовать атрибуты id или class, иначе невозможно выбрать элемент label, как сказано выше, в большинстве ответов!

label[htmlFor="title"]{... } для IE7

label[for="title"]{... }для FF 3.5 (на сафари не тестировал)

ссылка - http://reference.sitepoint.com/css/attributeselector

P.S: Это все еще не работает в IE7 !!

person srinath    schedule 29.10.2010

arrow_upward
2
arrow_downward

Как утверждает Ракета Ронни, id - это один из способов сделать это.

Вы даже можете указать класс, чтобы стилизовать сразу несколько вещей.

<label for="title" class="label">TITLE</label>
<label for="title" class="label">FORENAME</label>

затем примените CSS, например

.label{font-weight:bold}
person jimplode    schedule 27.10.2010