设置除2个按钮之外的所有按钮的样式

Question

.button , button{
border:solid black 2px !important;
}

使用此代码，我为所有按钮提供了一个框架。但是，我不想为按钮“ searchsubmit”和“ single_add_to_cart_button”添加框架。我该怎么办？

Answer 1

只需：

类别：
.searchsubmit {border:none;!important}和.single_add_to_cart_button {border:none;!important}

编号：
#searchsubmit {border:none;!important}和#single_add_to_cart_button {border:none;!important}

它可以更清洁，但是可以...：）

Answer 2

我相信这些是您的班级名称。如果是，则可以添加边框：none！important。

button.searchsubmit, 
button.single_add_to_cart_button {
   border: none !important;
}

Answer 3

没有那么困难。

有两种方法可以使方法更简单并推荐使用！

.noBorderButton{
      border : none !important;
}

，并且可以在HTML中将“ noBorderButton”类添加到按钮中。

<button class="noBorderButton">Search Submit</button>

P.S。确保遵循CSS覆盖规则，即在Button CSS下方编写.noBorderButton CSS。

编辑：正如我所看到的那样，马丁建议这将改变用户代理样式，并且按钮根本没有边框，而且您可能也不想这样做！

您可以选择以下选项

button:not(.noBorderButton){
border:solid black 2px !important;
}

是的，再次将'noBorderButton'类添加到您不希望这些样式起作用的那些按钮上。

Answer 4

您可以使用not CSS选择器

.button , button:not(.searchsubmit):not(.single_add_to_cart_button) {
   border:solid black 2px !important;
}

Answer 5

这很简单，您可以使用：not选择器来忽略具有特定类的两个按钮：

.button , button , button:not('single_add_to_cart_button') , button:not('searchsubmit') {
border:solid black 2px !important;
}

或者您可以从我不推荐的相反方式进行操作，就像您将边框设置为按钮然后取消设置一样：

button.searchsubmit , button.single_add_to_cart_button {
   border: none !important;
}

（当然，上面的样式必须在您的.button和button样式之后，才能覆盖它）