Javascript 如何使我的html按钮保持单击状态?

Javascript 如何使我的html按钮保持单击状态?,javascript,html,css,mobile,browser,Javascript,Html,Css,Mobile,Browser,如何在不更改浏览器默认按钮的:active选择器css的情况下,即使在单击之后也可以维护:active选择器的css。您可以将按钮的“active”和“visted”属性设置为相同的样式 #button:active{ border:1 px solid red; color:#FFF; background:black; } #button:visited{ border:1 px solid red; color:#FFF; backgroun

如何在不更改浏览器默认按钮的
:active
选择器css的情况下,即使在单击之后也可以维护
:active
选择器的css。

您可以将按钮的“active”和“visted”属性设置为相同的样式

#button:active{
    border:1 px solid red;
    color:#FFF;
    background:black;
}
#button:visited{
    border:1 px solid red;
    color:#FFF;
    background:black;
}

确保为按钮提供一个id。

您可以通过css依赖
:active
伪类并对其进行相应的样式设置,或者使用JavaScript在click事件上设置css类,以添加样式类似于mousedown状态的css类

您还可以在示例页面上查看bootstrap是如何做到这一点的:


没有足够的信息来帮助您。对不起,我想你还没有试过你在这里说的话。