CSS стили на <label>в Firefox - PullRequest
Новая
       20

CSS стили на <label>в Firefox

0 голосов
/ 16 ноября 2009

Что-то не так с firefox? Мои стили на <label> работают в любом браузере, кроме FF. Я использую 3.5.5. Я имею в виду, они даже работают в каждой версии IE? у кого-нибудь есть предложение?

РЕДАКТИРОВАТЬ, как я уже сказал, код работает в любом другом браузере. но все это терпит неудачу. 

<label style="color: #aaa; font-weight: bold;">Blah</label>

и 

.mylabel {
color: #aaa; 
font-weight: bold;
}

<label class="mylabel">Blah</label>

и 

label {
color: #aaa; 
font-weight: bold;
}

<label>Blah</label>

Вот, пожалуйста. Где ошибка в коде? я точно не вижу никого.

Ответы [ 5 ]

4 голосов
/ 16 ноября 2009

Наиболее вероятная причина в том, что есть некоторые другие стили, которые переопределяют их. Самое простое, что вы можете сделать здесь:

  1. Загрузите firebug: http://getfirebug.com/ и установите его.

  2. Откройте firebug, нажмите вторую кнопку в левом верхнем углу (ту, которая выглядит как стрелка, указывающая на кнопку), а затем нажмите на ярлык. Справа вы увидите, какие стили применяются к нему, а какие перезаписываются.

Как правило, хорошей идеей является размещение всей соответствующей информации / кода по вашему вопросу . Пользователи СО не волшебники; если вы не можете выяснить проблему с кодом перед вами, есть небольшая вероятность, что кто-нибудь обнаружит проблему с без кода . Попробуйте поставить себя на их место - сможете ли вы выяснить техническую проблему, которая просто говорит "что-то не так с моим кодом"? Скорее всего, вы будете лишены права голоса без должного ответа.

1 голос
/ 16 ноября 2009

Хорошо отрисовывается в FireFox 3.5.5, как с переходным DOCTYPE XHTML, так и без DOCTYPE.

В какой среде вы это тестируете ... Это локальный или удаленный сервер? Если вы перейдете в меню «Вид» и просмотрите исходный текст страницы через FireFox, правильно ли отображаются встроенные стили? Не могли бы вы посмотреть на кешированную копию страницы?

Другая полезная альтернатива - начать с нуля. Создайте минимальную страницу только с меткой и CSS, чтобы раскрасить ее. Добавляйте функции сломанной страницы, пока не дойдете до точки, где возникает проблема.

0 голосов
/ 22 апреля 2013

У меня была похожая проблема, и кажется, что простой 

float: left;
clear: left;

решает это.

0 голосов
/ 17 ноября 2009

Как уже отмечали другие, у меня отлично работает. Может быть, вы можете попробовать следующий код, чтобы сузить проблему: 

<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<style type="text/css">
    .mylabel {
        color: #aaa; 
        font-weight: bold;
    }
</style>
</head>
<body>
<form>
    <label class="mylabel" for="f1">Field 1</label>
    <input id="f1" type="text">
    <label style="color: #aaa;font-weight:bold" for="f2">Field 
        2</label>
    <input id="f2" type="text">
    <input type="submit">
</form>
</body>
</html>
0 голосов
/ 16 ноября 2009

Также убедитесь, что вы делаете не в режиме причуд, а в стандартном режиме. Обычно стили, которые не работают в FF, но работают в IE, в конце концов, являются ошибкой IE, потому что они слишком просты или рендерит в режиме quirksmode.

Прочитайте это для получения дополнительной информации: http://hsivonen.iki.fi/doctype/

Кстати, используйте строгий тип и развивайтесь в FF.

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

Нет похожих вопросов

...