我对css和jQuery有小问题。我有两个按钮,我想设置的背景点击为蓝色,我想这样做‘活动’css属性。它没有因为某种原因而起作用。每当按钮不再活动时,它就会失去背景色。下面是代码: HTML:
<div id = 'hey'>
<div class = 'b' id = 'b1' href="#">Button one</div>
<div class = 'b' id = 'b2' href="#">Button Two
:focus选择器用于设置一般意义上具有焦点的元素的样式。但是,考虑到鼠标按下或触摸等情况,它到底是什么时候应用的呢?作为一个web开发人员,我如何才能控制它的一致性?
例如,在Stack Overflow上,如果我在其中一个链接上按下鼠标,但没有激活,在松开鼠标之前将鼠标移开,该链接将获得键盘焦点(如按Tab键所示,焦点转到下一个链接)。然而,即使它有焦点,它也不能获得:focus样式。但是,如果我用Tab键点击一个链接,我会得到:focus大纲样式。
但是在我正在工作的一个网站上,鼠标一按,我马上就会看到:focus风格,所以肯定有一些微妙的细节。
在这段代码中,Chrome for me
我有一个div:
<div class="badger-left"></div>
这个CSS:
/* Change style dynamically according to the bg-color attribute added to the div from jQuery */
.badger-change:after {
background-color: attr(bg-color);
}
添加属性和类的jQuery:
$('.badger-left').addClass('badger-change'