java - GWT CSS 语法无法正常工作

Question

在 GWT 教程页面中 here ，它在页面底部清楚地表明用户不受类型安全声明的限制，他也可以使用 jQuery 语法。我在我的 GWT 中定义了一个文本框，在通过 setStyleName 方法生成后，我向其中添加了一个类 foo。之后，当我尝试附加样式时:

$(".foo").css($$("border: 1px solid #aaaaaa; border-radius: 5px; font-size: 80%; padding: 6px 3px 4px 3px;  text-align: center;\r\n" + 
            "    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;\r\n" + 
            "    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; background: #f1f1f1; margin: 20px 50px;"));

它根本不起作用，我只是得到一个乏味的文本框。但是，当我在 CSS 文件中定义样式时，样式应用得非常好。这里有什么问题？

Answer 1

如果在调用 jquery 时确定该元素存在于 DOM 中，尝试一个简单的案例并确保语法正确。

$(".foo").css($$("border: 1px solid #aaaaaa; background-color: #ffe;"));