GWT CSS语法无法正常工作

在GWT教程页面here中，它清楚地表明在页面底部附近用户不受限于类型安全声明，他也可以使用jQuery语法。我有一个在我的GWT中定义的文本框，我通过setStyleName方法生成了一个类foo。之后，当我尝试附上以下样式：GWT CSS语法无法正常工作

$(".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文件中定义样式时，样式应用得非常好。这里有什么问题？

来源

2013-01-18 SexyBeast

完美添加了gQuery jars？ –

是的，一切工作正常保存此。 – SexyBeast

你确定.class没有被gwt改成看起来像XFEAFSF（随机名）的东西吗？ – David

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

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

来源

2013-06-17 20:49:47 fatkid

你更好地删除这个答案，否则它会被赞成票倒下。你在谈论jQuery。 GWTQuery类似，但在Java中，它完全不同。这个例子是一个JS例子，它将在GWT中完全失败！ – SexyBeast

用gquery语法更新。要验证的重要一点是gquery调用发生在元素在dom中并且类名被设置之后。无论如何，祝你好运。 – fatkid

GWT CSS语法无法正常工作

回答

相关问题