要启用使用浏览器特定规则的运行时外观更改,
我需要结合两种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不会解析文字字符串,因此不会评估这两个值。
参见here

可能吗?
谢谢。

最佳答案

我相信您可以将文字和常规CSS连接起来,看起来像

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

不知道是否需要最后一个文字。

关于gwt - CSS资源 - 结合文字和运行时替换,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/9005136/

10-13 07:17