如何使用CSS设置XUL文本框的样式：focus

Question

我正在玩用XUL编写的firefox扩展，并且想要自定义文本框元素的样式。

这是我到目前为止（CSS文件）的内容：

textbox.custom-style {
    -moz-appearance: none;
    border-radius: 3px;
    box-shadow: 0 1px #CCC inset;
    background: #FFF;
    border : solid 1px #CCC;
}

样式正确应用，但是当我添加此规则以更改焦点文本框的样式时，它似乎不起作用。

textbox.custom-style:focus {
    border : solid 1px #ACC;
}

我已经尝试过对按钮元素使用相同的规则，并且看起来工作正常（当我“点击”按钮时，它会获得焦点并按预期更改其样式）

那我在这里想念什么？ 这是一个已知的错误？ 我四处寻找错误报告或解决方法，但无济于事。

Answer 1

对于<textbox>元素，只要该元素具有焦点，就会添加一个特殊的focused属性。 您可以检查此属性的存在，以确定元素是否在样式表中具有焦点。 它将具有true的值。

这是因为实际上焦点位于<textbox>元素内的<textbox> <html:input>元素中。