删除GWT文本框的阴影效果

Question

当我们创建GWT一个文本框，它始终有一个阴影效果（3D效果），边界不圆滑

我搜索，但未能找到一种方法来删除默认来自文本框的阴影效果

Answer 1

关于gwt设计器，您可以为您使用的每个小部件定义单独的css样式。只需在你的部件的样式标签：

-webkit-box-shadow: 0px 0px 0px 0px; 
-moz-box-shadow: 0px 0px 0px 0px; 
box-shadow: 0px 0px 0px 0px; 

这应该工作。

Answer 2

您应该为此视觉效果制作一个自定义CSS类，而不是在任何地方放置相同的样式，以便应用和维护更容易。

input.noShadows { 
    -webkit-box-shadow: 0px 0px 0px 0px; 
    -moz-box-shadow: 0px 0px 0px 0px; 
    box-shadow: 0px 0px 0px 0px; 
} 

然后，只需应用noShadows类，在需要的元素。或者，给.noShadows输入，并将该类放在父容器的表单上。