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

Question

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

Answer 1

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

С IE7 вы можете просто сделать это:

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

См. jsfiddle.net/GWNXq.

Answer 2

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

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

, а затем применить некоторые CSS, например,

#label-title{font-weight:bold}

Answer 3

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

Это то, что я нашел после нескольких часов "поиска в Google"

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

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

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

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

PS: в IE7 все еще не работает !!

Answer 4

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

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

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

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

.label{font-weight:bold}