Question

有没有办法按下按钮，可能使用javascript或jquery？

我希望按钮在点击时保持红色，这就是我所拥有的：

<style>
#button {
border: 3px solid #52A7D3;
background-color: #52A7D3;
color: #000000;
}

#button:active {
border: 3px solid red;
background-color: red;
color: #FFF;
}
</style>

Answer 1

您可以尝试这样的事情：

<button id="someId">test</button>

<script type="text/javascript">
$("#someId").click(function() {$(this).toggleClass( "active")})
</script>

<style>
#someId{
border: 3px solid #52A7D3;
background-color: #52A7D3;
color: #000000;
}

#someId.active {
border: 3px solid red;
background-color: red;
color: #FFF;
</style>

这是Example

Answer 2

您必须遵循以下流程：

在CSS文件中编写一个类，而不是#button：active ie。

.active {border:3px solid red; background-color: red;color: #FFF; }

并在您的标记页面中将以下jquery代码放在脚本块

中

$(function(){
   $("#button").mousedown(function(){
       $("#button").addClass("active");
   }).mouseup(function(){
       $("#button").removeClass("active");
   });
});

这将解决您的问题。

Answer 3

如果我是你，我会使用隐藏的复选框和标签。

像这样：http://jsfiddle.net/22h3M/

按下CSS按钮并保持按下状态

3 个答案: