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

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。

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