您好,我有三个输入字段,当我分别使用这些字段时,我看到的是一个正常的输入字段。在这里
<div id="test">
<ul>
<li> field1 <input type="text" name="n1" value=""></li>
<li> field2 <input type="text" name="n2" value=""></li>
<li> field3 <textarea name="mes" rows="4" cols="25"></textarea></li>
<li><input type="submit" name="s" value="submit"></li>
</ul>
</div>
当我在其他一些 div 中使用这个东西时,我遇到了非常大的输入字段和名称(文本)。我猜这是从其他 div 继承的大小。我不知道这里发生了什么。 我希望它像单独使用时一样正常,即使我将它放在另一个 div 中。我应该为此做什么。谢谢
最佳答案
你现在不能禁用继承样式,你可以做的是覆盖这些样式..
<div id="test" class="override">
<ul>
<li> field1 <input type="text" name="n1" value=""></li>
<li> field2 <input type="text" name="n2" value=""></li>
<li> field3 <textarea name="mes" rows="4" cols="25"></textarea></li>
<li><input type="submit" name="s" value="submit"></li>
</ul>
</div>
CSS
#test.override input[type=text] {
/* Override here */
}
我正在使用 #test.override
以提高特异性..
Demo 2 (覆盖行动)
关于html - 如何禁用从其他div 继承样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18654555/