相关疑难解决方法(0)

在运行时使用jQuery创建CSS规则/类

通常我有一个CSS文件,它有以下规则:

#my-window {
    position: fixed;
    z-index: 102;
    display:none;
    top:50%;
    left:50%;
}
Run Code Online (Sandbox Code Playgroud)

如何通过在运行时操作期间将CSS信息添加到正文或类似的东西来避免创建这样的静态CSS文件?(仅使用jQuery)

我想用jQuery定义一次,然后多次使用它; 这就是为什么我不想每次都将它添加到特定的DOM元素.

我知道简单的功能(css("attr1", "value");),但是如何创建完整的可重用CSS规则?

css jquery

183
推荐指数
11
解决办法
17万
查看次数

从JavaScript设置CSS伪类规则

我正在寻找一种方法来改变JavaScript类的伪类选择器(例如:link,:hover等)的CSS规则.

所以CSS代码的类比:a:hover { color: red }在JS中.

我无法在其他任何地方找到答案; 如果有人知道这是浏览器不支持的东西,那么这也是一个有用的结果.

javascript css pseudo-class css-in-js

119
推荐指数
8
解决办法
9万
查看次数

样式webkit滚动条在某些状态

我希望我的WebKit滚动条在其容器悬停时具有不同的颜色.我希望整个滚动条都亮起来.

我在想这样的事情可以解决问题(但事实并非如此):

.scroller:hover::-webkit-scrollbar {
  background: green;
}
Run Code Online (Sandbox Code Playgroud)

我用相同的方式设置了滚动条的样式:打开.scroller,而不是全局.(这有效.scroller::-webkit-scrollbar:)我希望溢出的div特殊,而不是文档.

另一个(相关)问题:将鼠标悬停在滚动条上时点亮拇指.这不起作用:

.scroller::-webkit-scrollbar:hover ::-webkit-scrollbar-thumb
Run Code Online (Sandbox Code Playgroud)

css webkit scrollbar

4
推荐指数
2
解决办法
2万
查看次数

标签 统计

css ×3

css-in-js ×1

javascript ×1

jquery ×1

pseudo-class ×1

scrollbar ×1

webkit ×1