有没有办法覆盖边框CSS类

Question

我有这个规则

input{
  border: 1px solid #E5E5E5;
}

这是我的jsfiddle

这是大部分网站所需要的，但是搞乱了一些按钮样式...我认为添加边框：没有会覆盖这个但它没有。我无法删除输入样式，因为它需要在整个网站范围内...任何变通方法

Answer 1

您可以使用:not选择器跳过要保留默认边框的特定输入。

input:not(#submit-me) {
    border: 1px solid #E5E5E5;
}

http://jsfiddle.net/S4XST/2/

也许您应该考虑改进边框，而不是仅使用默认设置。

Answer 2

边框没有显示在你的小提琴中，这是正确的。

CSS对选择器的优先级有非常明确的规则。 ID级选择器的优先级高于标记级选择器，因此#submit-me应覆盖input。

这正是你小提琴中正在发生的事情，以及你想要发生的事情，所以我无法看清问题是什么。