删除GWT文本框阴影效果

时间:2012-03-19 20:09:20

标签: gwt

当我们在GWT中创建文本框时,它总是有阴影效果(3D效果),边框不圆滑

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

2 个答案:

答案 0 :(得分:0)

在gwt设计器上,您可以为您使用的每个小部件定义各个css样式。只需输入窗口小部件的样式标记:

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

这应该有用。

答案 1 :(得分:0)

您应该为此视觉效果制作一个自定义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输入,然后将该类放在表单父容器上。