html添加class元素激活_IT百科

第一步: 先写一个CSS样式文件,在src目录下,新建一个style.css的样式文件。 .input{border:3px solid #ae7000} 1

第二步: 在Xiaojiejie.js里引入,先用import进行引入,第一步: 先写一个CSS样式文件,在src目录下,新建一个style.css的样式文件。 .input{border:3px solid #ae7000} 1

第二步: 在Xiaojiejie.js里引入,先用import进行引入。

<!DOCTYPE HTML>

<head>

.action-button.next {

background-color: grey

}

</style>

var all = 1

function submitphone ()

{

if (all == 1)

{

$ ("input#next1").toggleClass ('next')

}

</script>

</head>

<body>

</body>

</html>

1、class是选择调用CSS样式的属性，可以复用，也就是说一个class的属性的样式可以用在多个标签上面，也可以同时使用多个class。具体的用法用一个示例演示，首先需要打开html编辑器新建一个html文件，在里面写入3个按钮：

2、下面分别给按钮1和按钮2设置class属性为btn1，按钮3的class设置为btn1和btn2，然后在style标签中设置样式，btn1设置一个背景色，btn2设置边框和边框的圆角：

3、最后打开浏览器，可以看到前两个按钮的颜色是一样的，最后一个按钮的颜色不光一样，还有边框和圆角。这就是class属性在html里面的用法：

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

html添加class元素激活