2009-06-01 9 views
1

一般的なパネルのスタイルを変更する例については、YUIページを参照してください。しかし、私は自分のウェブサイト上のすべてのツールチップ(他のパネルではない)のスタイルを変更したいと思います。私のすべてのツールチップは特定のDIVにはないので、div内のYUIパネルスタイルを変更することはできません。YUIのツールチップのCSSスタイルを変更するにはどうすればよいですか?

ヒント?

答えて

1

YUIツールチップのように、すべてのツールチップにyui-ttクラスを追加します。あなたは私が私に続いて私のアプリの頭に(すでに含まれるデフォルトのスキン(sam.css)付き)コンフィギュレータのスタイルシートをロードし、共通の祖先としてことを使用することにより、すなわち

.yui-tt .bd { 
    /* Styles here... */ 
} 
+0

私は自分のスタイルシートに自分のスタイルの後に "!important"を追加しなければなりませんでした。私はYUIローダーを使用しているので、自分のスタイルシートがロードされた後にツールチップのスタイルを読み込みます。しかし、それは動作します、ありがとう! – Sean

1

をちょうどあなたのツールチップのスタイルを設定でき独自のスタイルを使用しているため、即座にレンダリングする準備ができています。しかし、あなたが述べたように、YUIローダーはあなたのスタイルをオーバーライドします。

あなたはローダーの設定にオプション

skin : {defaultSkin: ''}

を追加し、多くのモジュールをロードするか、スタイル宣言をたくさん作り、一人一人の後に!重要な書き込みをしたくない場合。これにより、ユーザーのために少しの帯域幅が節約され、レンダリングが高速化されます。

IE6は!importantを認識しないため、そのブラウザでは機能しません。

希望に役立ちます。

+0

これは本当に知っておくことが重要です...ありがとう! – Sean

+0

私は、デフォルトのスキンを ''に設定した場合でも、未定義と呼ばれるスキンを探して、すべてのスタイルシートをダウンロードしてダウンロードしようとしていることに気付きました。これはちょっと無駄だと思われます。これを無効にする方法があるかどうかは分かりますか? – Sean

+0

私はそれを回避する方法は見つけられませんでしたが、Webアプリケーションのこの時点では他のものがロードされるはずですから、それらの404接続は実際に他のものを保持してすぐに戻るべきではありません –

関連する問題