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

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 不解析文字字符串，因此它不评估这两个值。看这里

可能吗？谢谢。

Answer 1

我相信你可以连接文字和常规 css，看起来像

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

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