当我单击按钮时如何阻止CSS效果发生

Question

我在html中有一个按钮，单击该按钮会变成浅绿色。我已经知道这是由于我包含的某些CSS，但是由于代码其他部分需要使用CSS，因此无法删除它。有没有办法我可以包括一些特定于按钮的CSS，以便仅单击按钮就不会有影响？理想情况下，我只想使用css / html，但是如果绝对必要，我可以使用javascript / jquery。

Answer 1

这是一个简单的例子：

.active{background-color:green;}
.active:active{background-color:blue;}
.notactive{background-color:green;}

Example 1 (your situation):
<button class='active'>
pressme
</button><br>
Example 2 (change simple class):
<button class='notactive'>
pressme
</button>
<br>
Example 3 (use style):
<button class='active' style="background-color:green!important">
pressme
</button>

第一个示例是您的情况，在第二个示例中，我更改了简单的类，然后:active无效，在第三个示例中，我将!important与style一起使用了

Answer 2

似乎您直接在按钮上使用了“：checked”。

您只能在特定ID上使用：checked CSS。因此它将停止影响所有按钮。

如果您还没有使用过，请在此处提及您的CSS。