Firefox 调整窗口角的 CSS 选择器答案

【问题标题】：CSS selector for firefox resize window cornerFirefox 调整窗口角的 CSS 选择器
【发布时间】：2012-05-27 17:47:56
【问题描述】：

我想使用 CSS 制作一种时尚的用户样式，这会改变“调整窗口角”元素的外观。我不知道使用哪个选择器。仅当同时存在垂直和水平滚动条时，滚动角才有效。一些示例截图：

只有水平滚动条 - 调整大小的角是白色的

只有垂直滚动条 - 调整大小的角是白色的

两个滚动条都存在 - 使用 CSS 代码正确设置调整角的样式：

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

【问题讨论】：

标签： css firefox css-selectors xul

【解决方案1】：

我们在这里讨论的是隐式创建的元素框架，这使得调查变得复杂 - 它们不存在于 DOM 中，因此甚至 DOM Inspector 也不会显示它们。但是，您要查找的元素显然是 xul:resizer element。我似乎如果只存在一个滚动条（也是一个隐式创建的元素框架），那么这个元素将是这个滚动条的一个子元素。在两个滚动条的情况下，scrollcorner 元素框架被创建为调整大小的父级。我猜正确的选择器应该是这样的：

browser resizer
{
  ...
}

这只会设置属于浏览器元素的调整器的样式，而不是像文本区域调整器这样的任何其他调整器。

警告：我猜您正在注册一个新的代理样式表，因为其他样式表（例如用户样式表）将不适用于隐式节点。你应该小心，这是明确的not safe，这里的意外样式可能会导致浏览器崩溃（有关此类问题的示例，请参阅bug 541506）。

【讨论】：

谢谢，但不幸的是我无法测试这个，因为我已经从 OS X 10.6 升级到 10.8 并且 Firefox 中的调整大小不存在这里。如果有人可以在 OS X 10.6 中测试并确认这一点，我会接受。

【解决方案2】：

使用 Dom 检查器。（我无法验证选择器，因为我没有 mac）。

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

您需要检查“chrome”。

【讨论】：

这是一个隐式创建的节点，DOM Inspector 不显示它（就像它不显示滚动条本身一样）。