一般的なパネルのスタイルを変更する例については、YUIページを参照してください。しかし、私は自分のウェブサイト上のすべてのツールチップ(他のパネルではない)のスタイルを変更したいと思います。私のすべてのツールチップは特定のDIVにはないので、div内のYUIパネルスタイルを変更することはできません。YUIのツールチップのCSSスタイルを変更するにはどうすればよいですか?
ヒント?
一般的なパネルのスタイルを変更する例については、YUIページを参照してください。しかし、私は自分のウェブサイト上のすべてのツールチップ(他のパネルではない)のスタイルを変更したいと思います。私のすべてのツールチップは特定のDIVにはないので、div内のYUIパネルスタイルを変更することはできません。YUIのツールチップのCSSスタイルを変更するにはどうすればよいですか?
ヒント?
YUIツールチップのように、すべてのツールチップにyui-tt
クラスを追加します。あなたは私が私に続いて私のアプリの頭に(すでに含まれるデフォルトのスキン(sam.css)付き)コンフィギュレータのスタイルシートをロードし、共通の祖先としてことを使用することにより、すなわち
.yui-tt .bd {
/* Styles here... */
}
をちょうどあなたのツールチップのスタイルを設定でき独自のスタイルを使用しているため、即座にレンダリングする準備ができています。しかし、あなたが述べたように、YUIローダーはあなたのスタイルをオーバーライドします。
あなたはローダーの設定にオプション
skin : {defaultSkin: ''}
を追加し、多くのモジュールをロードするか、スタイル宣言をたくさん作り、一人一人の後に!重要な書き込みをしたくない場合。これにより、ユーザーのために少しの帯域幅が節約され、レンダリングが高速化されます。
IE6は!importantを認識しないため、そのブラウザでは機能しません。
希望に役立ちます。
私は自分のスタイルシートに自分のスタイルの後に "!important"を追加しなければなりませんでした。私はYUIローダーを使用しているので、自分のスタイルシートがロードされた後にツールチップのスタイルを読み込みます。しかし、それは動作します、ありがとう! – Sean