3

ブラウザ固有のルールを使用するランタイムスキニングの変更を有効にするには、2つのCSSリソース機能（ランタイム置換とリテラル）を組み合わせる必要があります。

たとえば、動的なボタングラデーションを作成するには、次のようにします。

button {
   background: literal("-moz-linear-gradient(top, lightBg 0%, darkBg 100%)"); 
   background: literal("-webkit-linear-gradient(top,  lightBg 0%, darkBg 100%)");
   background: literal("-o-linear-gradient(top, lightBg 0%, darkBg 100%)");
   background: literal("-ms-linear-gradient(top,  lightBg 0%, darkBg 100%)");
   background: linear-gradient(top,  lightBg 0%, darkBg 100%); 
}

ここで、lightBgとdarkBgは、実行時に@evalを使用して評価されます。

問題は、GWTがリテラル文字列を解析しないため、これら2つの値を評価しないことです。こちらをご覧ください

出来ますか？ありがとう。

4

1 に答える 1

3

リテラルと通常のcssを連結できると思います。

background: literal("-moz-linear-gradient(") top lightBg 0, darkBg 100 literal(")");

その最後のリテラルが必要かどうかわからない。

于 2012-01-26T00:48:00.743 に答える