我发现了许多帖子，指出我无法使用jQuery操作伪元素，因此我正在寻找解决方法？
我希望在我们的网站搜索栏上的Optimizely中运行a / b分离测试。当前搜索栏的设计具有css，该css使用:: before Pseudo元素创建字形图标作为按钮来启动搜索，从而创建搜索图标。
作为测试，我想更改该图标的颜色。Optimizely允许您使用jQuery定位元素并进行这些类型的更改。
当前的CSS看起来像这样：
.header .form-search button:before, .header .form-search .search- button:before {
content: "\f002";
font-family: "polar-icons";
color: #237cb2;
font-size: 1.8rem;
}
这是我尝试实现的jQuery，但是没有用：
$(".search-button::before").css({'color':'#E93826'});
任何帮助，不胜感激。
尝试：
$('head').append('<style>.search-button::before{color:#E93826 !important}</style>');
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句