删除GWT文本框阴影效果

Question

当我们在GWT中创建文本框时，它始终具有阴影效果（3D效果），边框不光滑

我在搜索它，但找不到从文本框中删除默认阴影效果的方法

Answer 1

在gwt designer上，您可以为使用的每个小部件定义单独的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并将类放在表单父容器上。