我创建了一些相当复杂的DOM元素,其中包含:after伪元素,我希望能够在Chrome Inspector或Firebug或同等版本中检查和调整它们.
尽管此WebKit/Safari博客文章(日期为2010年)中提到了此功能,但我无法在Chrome或Safari中找到此功能.Chrome确实至少有要检查的复选框:hover,:visited和:active状态,但是:before和:after无处可见.
此外,这篇博文(日期为2009年!)提到IE开发工具中存在此功能,但我目前正在使用Mac OS,所以这对我没有帮助.此外,IE不是我主要针对的浏览器.
有没有办法检查这些伪元素？
编辑:除了错误的Firebug无法检查这些元素,我发现Opera非常擅长于Inspecting:before和:after元素开箱即用.
当我正在调试一个站点时,有时悬停的选择器有点长,并且与其他类似,有没有办法在Firebug中应用一种"粘性"状态来悬停规则？
例; 我将鼠标悬停在导航栏上,并希望将选择器从firebug中复制到CSS中进行搜索,但是一旦我移动鼠标,选择器(显然)就会消失,因为导航<li>器不再悬停.
有什么办法吗？
谢谢 :)
Bootstrap 3的按钮的悬停状态与其焦点状态看起来完全相同.
有没有办法改变这个？我知道这只是一个美容问题,但是当鼠标徘徊时,我希望悬停状态消失,但仍然有另一个明显的功能,知道按钮有焦点.
我不知道这是我的浏览器问题还是真的有意(或者是错误？).
我正在使用Chrome最新版本.(版本34.0.1847.131 m)
链接到Bootstrap 3按钮示例. http://getbootstrap.com/css/?#buttons-tags
单击标有"输入"的第3个按钮并移出鼠标.
-
我已经尝试覆盖默认的焦点/悬停样式,但现在按钮仍然处于焦点状态,即使鼠标悬停在它上面也是如此.有没有办法克服这个？似乎焦点状态在样式中具有比悬停更高的优先级.
- 感谢指点家伙.对于仍然具有明显悬停状态但仍处于焦点的预期行为,需要再次重新定义悬停状态.
我添加的CSS是这样的:
.btn-default:focus,
.btn-default:active,
.btn-default.active
{
background-color: #ffffff;
}
.btn-default:hover
{
background-color: #ebebeb;
}