firefox的CSS选择器调整窗口角

时间:2012-05-27 17:47:56

标签: css firefox css-selectors xul

我想使用CSS来制作一个时尚的用户风格,它会改变“调整大小窗口角落”元素的外观。我不知道使用哪个选择器。 只有存在垂直和水平滚动条时,scrollcorner才有效。 一些示例屏幕截图:

仅水平滚动条 - 调整大小角为白色

仅垂直滚动条 - 调整大小角为白色

两个滚动条都存在 - 使用CSS代码正确设置调整大小角:

scrollcorner{-moz-appearance: none !important;  background: red !important;}

2 个答案:

答案 0 :(得分:3)

我们在讨论隐式创建的元素框架,这使得调查变得复杂 - 它们不存在于DOM中,因此甚至DOM Inspector也不会显示它们。但是,您要查找的元素显然是xul:resizer element。我似乎只有一个滚动条(也是一个隐式创建的元素框架)存在,那么这个元素将是这个滚动条的子元素。在两个滚动条的情况下,创建scrollcorner元素帧作为缩放器的父级。我想正确的选择器就是这样:

browser resizer
{
  ...
}

这个只会设置属于浏览器元素的缩放器的样式,而不是任何其他缩放器,如文本区域缩放器。

警告:我猜您正在注册新的代理样式表,因为其他样式表(例如用户样式表)将不适用于隐式节点。你应该小心,这显然是not safe,这里的意外风格可能会导致浏览器崩溃(请参阅bug 541506以获取此类问题的示例。)

答案 1 :(得分:0)

使用Dom Inspector。 (我无法验证选择器,因为我没有mac)。

https://addons.mozilla.org/en-US/firefox/addon/dom-inspector-6622/?src=search

您想要检查' chrome'。