更新:私は最初の部分は機能していますが、コーナーはありません。下の第2部を参照してください。GWTタブのCSSを変更する
一度に1つのタブバーを作成できるように、どのようにスタイルをタブバー(GWT内)に適用しますか?私は異なるスタイルを持つ必要があるいくつかの異なるtabPanelsを持っていますが、スタイルをバーに正しく適用する方法と、そのスタイルをCSSに追加する方法を理解できません。私のような何か行うと
は:
tabBar.addstyle("thisisastyle");
それは全体のバーのスタイルを追加し、私は特に、個々のタブの背景色を変更、アイテムのセットに適用します。私はDecoratedTabPanelを使用しています。私は丸みを帯びたコーナーのために独自の画像セットを持っていますので、使いたいものです。また、スタイルが正しく適用されたら、CSSでどのように呼び出すのですか?私の現在の試みはそうのようなものです:
.topTabs .gwt-DecoratedTabBar .tabMiddleCenter {
パート2
他のすべてのCSSスタイルを簡単にタブバーにスタイル名を設定し、それらを次のように対処するの後に適用されます:
.customizedStyleName .tabTopCenter {
background-image: url('images/centerTopImage.gif');
}
これは2つのコーナーでは動作しないようですが、ベースGWTが私のCSSを上書きします。右コーナーのためのCSSは次のようになります。
html > body .gwt-DecoratedTabBar .tabTopRight {
のFirebug(yahのFirefoxの)でそれを検査します。誰も私にこれを無効にする方法を教えてもらえますか?
私はFireFoxで動作させています(topRightとtopInnerRightの両方のCSSタグを設定する必要があります)が、IEではまだ動作していません。私は単に背景を完全にオフにしようとしました、そしてIEで動作しません、デフォルトを使用しています。 – Organiccat