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 に答える