2

CSS を使用して、「ウィンドウ コーナーのサイズ変更」要素の外観を変更するスタイリッシュなユーザー スタイルを作成したいと考えています。どのセレクターを使用すればよいかわかりません。scrollcorner は、垂直スクロール バーと水平スクロール バーの両方が存在する場合にのみ機能します。スクリーンショットの例:

水平スクロールバーのみ - サイズ変更コーナーは白

垂直スクロールバーのみ - サイズ変更コーナーは白

両方のスクロールバーが存在する - サイズ変更コーナーは、CSS コードを使用して適切にスタイル設定されています。

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

2 に答える 2

3

ここでは、暗黙的に作成された要素フレームについて話しているため、調査が複雑になります。それらは DOM に存在しないため、DOM インスペクターでさえ表示されません。ただし、探している要素は明らかにxul:resizer要素です。スクロール バー (暗黙的に作成された要素フレーム) が 1 つしか存在しない場合、この要素はこのスクロール バーの子になるようです。2 つのスクロール バーの場合、scrollcorner要素フレームがリサイズの親として作成されます。正しいセレクターは次のようになると思います。

browser resizer
{
  ...
}

これはブラウザ要素に属するリサイザーのみをスタイルし、テキスト領域リサイザーのような他のリサイザーはスタイルしません。

警告: 他のスタイルシート (ユーザー スタイルシートなど) は暗黙的なノードには適用されないため、新しいエージェント スタイルシートを登録していると思います。これは明らかに安全ではなく、予期しないスタイルによってブラウザがクラッシュする可能性があることに注意してください (このような問題の例については、バグ 54​​1506を参照してください)。

于 2012-05-28T09:27:20.600 に答える
0

DomInspectorを使用します。（私はマックを持っていないので、セレクターを確認できません）。

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

'chrome'を調べてください。

于 2012-05-27T22:05:06.623 に答える