Question

要启用使用浏览器特定规则的运行时外观更改，我需要结合两个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

有可能吗？感谢。

Answer 1

我相信你可以连接文字和常规的CSS，它们看起来像

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

不确定是否需要最后一个文字。

CSS资源 - 结合文字和运行时替换

1 个答案: