如何忽略父CSS样式

前端之家收集整理的这篇文章主要介绍了如何忽略父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 select”的样式表,我的模块将无法访问。
>最好不要使用style属性重写高度样式。

例如使用firebug我可以关闭父风格,一切都很好,这是我要的效果

一旦设置了样式,它可以被禁用还是必须被覆盖?

解决方法

它必须被覆盖。您可以使用:
<!-- Add a class name to override -->
<select name="funTimes" class="funTimes" size="5">

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

你可以使用一个属性选择器,但是由于这是旧的浏览器不支持(阅读IE6等),最好添加一个类名

猜你在找的CSS相关文章