重写CSS样式行为，而不使用！重要或内联样式表

2018-07-01 11:30:58

我正面临着CSS重写的问题。下面的CSS应用于文本框（带类xdTextBox）

          .xdTextBox   {
            padding:1px;
            line-height:10px; 
            border:2px #cc0 solid;

}

     input[type="text"]  {
          padding:10px;
          margin:10px;
          line-height:15px; 
          border:none;

}

我希望结果作为带填充的文本框：1px，line-height：10px，border：2px＃cc0 solid;

我无法使用！重要或内联样式表

可能吗？请建议您的解决方案

提前致谢

类选择器具有比标记和属性选择器更低的特定性 - 请参阅计算选择器的特定性

您仍然有几个选项可以覆盖浏览器的默认样式 - 其中一个已经发布了@Itay。

一如既往，您的选择器需要更高的特性，或者如果它相同，它必须在样式表中出现（在浏览器默认样式的情况下，这自然就是事实）。

只有一个关于你想要的风格的词：你将使用什么字体大小来将line-height设置为10px！？无论如何，始终将字体大小和行高设置为无单位值（字体大小乘法器）。

使某些事情更加优先的一般想法是为其添加更多特定的选择器。

HTML：

<input type="text" class="xdTextBox" name="exmapleInput" />

CSS：

input[type="text"].xdTextBox {
    padding:1px;
    line-height:10px; 
    border:2px #cc0 solid;    
}

进一步阅读：查看CSS样式优先级

链接地址: http://www.djcxy.com/p/87781.html