相关疑难解决方法(0)

使用jQuery选择和操作CSS伪元素,例如:: before和:: after

有没有办法使用jQuery 选择/操作CSS伪元素,如::before::after(以及带有一个分号的旧版本)?

例如,我的样式表具有以下规则:

.span::after{ content:'foo' }
Run Code Online (Sandbox Code Playgroud)

如何使用jQuery将'foo'更改为'bar'?

javascript css jquery jquery-selectors pseudo-element

897
推荐指数
14
解决办法
59万
查看次数

在使用JQuery的css选择器之前更改a:的width属性

我有一个页面,里面有一个图像,我用它来设置它:在CSS选择器之前.
图像是动态的,因此它没有固定的宽度; 所以我需要动态地设置:在规则的宽度之前.
我想在客户端使用JQuery来做.
假设这个:

.column:before{
    width: 300px;
    float: left;
    content: "";
    height: 430px;
}

.column{
    width: 500px;
    float: right;
    padding: 5px;
    overflow: hidden;
    text-align: justify;
}
Run Code Online (Sandbox Code Playgroud)

我怎样才能:before使用JQuery 更改带有选择器的类的宽度属性(而不是没有它的那个)?

javascript css jquery

63
推荐指数
5
解决办法
13万
查看次数

通过JavaScript更改CSS伪元素样式

是否可以通过JavaScript更改CSS伪元素样式?

例如,我想动态设置滚动条的颜色,如下所示:

document.querySelector("#editor::-webkit-scrollbar-thumb:vertical").style.background = localStorage.getItem("Color");
Run Code Online (Sandbox Code Playgroud)

而且我也希望能够像这样告诉滚动条隐藏:

document.querySelector("#editor::-webkit-scrollbar").style.visibility = "hidden";
Run Code Online (Sandbox Code Playgroud)

但是,这两个脚本都返回:

未捕获的TypeError:无法读取null的属性'style'

还有其他方法可以解决这个问题吗?
跨浏览器的互操作性并不重要,我只需要它在webkit浏览器中工作.

javascript css css-selectors pseudo-element selectors-api

54
推荐指数
6
解决办法
6万
查看次数