刪除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輸入，並將該類放在父容器的表單上。