1

我正在玩用 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;
}

我已经为按钮元素尝试了相同的规则，它似乎工作正常（当我“标签”到按钮时，它会获得焦点并按预期改变其样式）

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

4

1 回答 1

2

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

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

于 2013-03-06T08:30:31.803 回答