怎么通过按钮onClick来设置按钮样式CSS_IT百科

给按键加个点击事件，先获取到你要修改css的元素,然后把要改的加到事件里就可以了

var box = document.getElementById("box")

var btn = document.getElementById("btn")

btn.onclick = function () {

box.style.color = "#fff"

}

使用CSS实现鼠标点击元素后向该元素添加样式，首先需要理解这个点击事件，通过单独的css或者是html是无法实现的，一般都需要结合Js来做，需要获取到这个元素，然后在通过js来改变元素的样式，在html中需要添加一个点击事件，也就是onclick，然后就是可以来实现，具体看下代码：

<html>

<head>

<style>

#round{

width:300px

height:200px

}

</style>

</head>

function iLeft(){

var oDiv = document.getElementById('round')

oDiv.style.left = 400+'px' //通过js改变这个div的left值

}

</script>

<body>

<p><a href='' onclick="iLeft()" >我是测试文字</a></p>

</div>

</body>

</html>

jquery 点击增加样式，点击移除样式，代码如下：

$("li").click(function(){

$(this).toggleClass("enable")

$(this).siblings().removeClass("enable")

})

扩展资料

如果用户单击某个按钮时，要删除class的某个值，那么可以使用与addClass()方法相反的removeClass()方法来完成，它的作用是从匹配的元素中删除全部或者指定的class。例如可以使用如下的JQuery代码来删除p元素中值为“high”的class:

$("p").removeClass("high")

//移除p元素中值为"high"的class

参考资料：百度百科 jQuery

百度百科样式（计算机术语）

欢迎分享，转载请注明来源：内存溢出

怎么通过按钮onClick来设置按钮样式CSS