删除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输入，然后将该类放在表单父容器上。