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

Question

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

通过这段代码，我为所有按钮提供了一个框架。但是，我不想为按钮 "searchsubmit" 和 "single_add_to_cart_button" 设置框架。我该怎么做？

Answer 1

只需做：

Class:
.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

我相信这些是你的 class 名字。如果是，那么您可以添加边框：none !important.

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

Answer 3

没那么难。

有两种方法，第一种比较简单，推荐！

.noBorderButton{
      border : none !important;
}

并且在您的 HTML 中，您可以将 class "noBorderButton" 添加到您的按钮。

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

P.S。确保遵循 CSS 覆盖规则，即在按钮 CSS.

下方写入 .noBorderButton CSS

编辑：正如我所见，Martin 建议这将更改用户代理样式，并且按钮根本不会有任何边框，而且您可能也不希望那样！

您可以选择以下选项

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

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

Answer 4

您可以使用非 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 和按钮样式之后才能覆盖它）

Style all buttons except 2 buttons