Как игнорировать родительский стиль css

Мне интересно, как игнорировать родительский стиль и использовать стиль по умолчанию (none). Я покажу свое конкретное дело в качестве примера, но я уверен, что это общий вопрос.Как игнорировать родительский стиль css

<style> 
#elementId select { 
    height:1em; 
} 
</style> 

<div id="elementId"> 
    <select name="funTimes" style="" size="5"> 
     <option value="test1">fish</option> 
     <option value="test2">eat</option> 
     <option value="test3">cows</option> 
    </select> 
</div>

путь я не хочу, чтобы решить эту проблему:

Я не могу редактировать таблицы стилей, где «#elementId выбрать» установлен, мой модуль не будет иметь доступа к этому.
Не рекомендуется переопределять стиль высоты с использованием атрибута style.

Например, используя firebug, я могу отключить родительский стиль, и все хорошо, это тот эффект, который я собираюсь сделать.

Как только стиль установлен, его можно отключить или его нужно переопределить?

источник

2009-06-03 SeanDowney

Это должно быть отменено. Вы можете использовать:

<!-- Add a class name to override --> 
<select name="funTimes" class="funTimes" size="5"> 

#elementId select.funTimes { 
    /* Override styles here */ 
}

Вы можете использовать селектор атрибута, но так как это не поддерживается старыми браузерами (читай IE6 и т.д.), то лучше, чтобы добавить имя класса

источник

2009-06-03 19:26:31 PatrikAkerstrand

вы можете создать еще одно определение ниже в таблице стилей CSS, которая в основном отменяет исходное правило. вы также можете добавить «! important» к указанному правилу, чтобы убедиться, что он придерживается.

источник

2009-06-03 19:33:20 Jason

Это будет иметь смысл для CSS, чтобы иметь возможность просто добавить дополнительный стиль (в головной части вашей страницы, например, который будет превалировать связанную таблицу стилей), например, следующим образом:

<head> 
<style> 
#elementId select { 
    /* turn all styles off (no way to do this) */ 
} 
</style> 
</head>

и отключите все ранее примененные стили, , но нет способа сделать это. Вам придется переопределить атрибут height и установить его в новое значение в разделе заголовка ваших страниц.

<head> 
<style> 
#elementId select { 
    height:1.5em; 
} 
</style> 
</head>

источник

2009-06-04 20:34:52

Вы можете отключить его переопределение это следующим образом:

высота: авто важно;

источник

2010-05-03 21:19:48

Простой, контролируемый мной, но очень эффективный. Спасибо +1. – Ben

Я бы посоветовал использовать '! Important' в вашей производственной разметке - он действительно должен использоваться только при отладке. – Amicable

@ Возможно, вы объясните, почему это не рекомендуется? –

У меня была аналогичная ситуация, работая на веб-сайте joomla.

Добавлено имя класса для модуля, который будет затронут. В вашем случае:

<select name="funTimes" class="classname">

затем сделал следующее изменение одной строки в css. Добавлена линия

#elementId div.classname {style to be applied !important;}

хорошо работает!

источник

2012-02-24 20:11:34 Rajatgsr

, если я правильно понял qeustion: вы можете использовать «авто» в CSS, как этот width:auto, а затем она будет вернуться к настройкам по умолчанию

источник

2013-01-20 13:27:09

Вы должны использовать этот

высота: авто!важный;

источник

2015-05-27 07:57:53

Как игнорировать родительский стиль css

ответ

Смежные вопросы