удалить эффект тени текстового поля GWT

Question

когда мы создаем текстовое поле в GWT, оно всегда имеет эффект тени (3D-эффект), границы не гладкие

Я ищу его, но не могу найти способ удалить эффект тени по умолчанию из текстового поля

Answer 1

Вы должны создать собственный класс 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 и просто поместите класс в родительский контейнер формы.

Answer 2

на GWT Designer, вы можете определить отдельные стили CSS для каждого виджета, который вы используете. Просто вставьте тег стиля вашего виджета:

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

Это должно работать.