文章/答案/技术大牛

发布

社区首页 >问答首页 >如何用javascript改变css样式

问如何用javascript改变css样式
EN

Stack Overflow用户

提问于 2017-01-24 00:56:41

回答 1查看 72关注 0票数 0

我有css样式

chosen-container b::after {
font-family: FontAwesome;
content: "\f078";
}

我需要通过java脚本将此属性更改为：

chosen-container b::after {
font-family: FontAwesome;
content: "\f077";

发布于 2017-01-24 01:02:47

使用普通的普通Javascript，您可以使用以下代码来完成此操作：

var cont = document.getElementByClassName(".chosen-container");
cont.className += " container-selected";

更好的做法是对元素应用另一个修饰符类。

您将选择的容器存储为一个变量，并告诉javascript对其应用一个额外的类(.container-selected)或您选择的一个。

然后简单地将所需的更改应用于该修饰符类，如下所示：

.chosen-container.container-selected b::after {
     font-family: 'FontAwesome';
     content: "\f077"; 
}

因此，javascript将查找该元素，并将带有更新图标的新类应用于它，然后就是这样。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/41811585

复制

相似问题

问如何用javascript改变css样式EN