переопределить стиль css другим стилем css в gwt

Question

Мне нужно переопределить стиль CSS для определенного элемента с другим стилем css-файла в gwt.

Я попытался с помощью следующего кода

sendButton.addStyleName("sendButton"); 
    Window.alert("test"); 
    sendButton.addStyleName("butt"); 

Оповещения наступающего. но стиль не был переопределен. код css: .sendButton { дисплей: блок; Размер шрифта: 16pt; цвет: красный; } .butt { font-size: 32pt; visible: false; цвет: зеленый; } Цвет шрифта кнопки красного цвета, только он не изменен на зеленый. Я включил этот css в html-файл.

, так что скажите, как переопределить один стиль css другим стилем css-файла в gwt.

Заранее спасибо

Answer 1

Попробуйте

sendButton.addStyleName("sendButton"); 
Window.alert("test"); 
sendButton.setStyleName("butt"); 

setStyleName Очищает все имена стилей объекта и устанавливает его в данном стиле.

Answer 2

Если это стиль, который вы хотите применить ко всем кнопкам, вы можете изменить стиль применяется данная GWT ко всем кнопкам: gwt-Button.

В качестве альтернативы, попробуйте:

color: red !important; 

или быть более точным с селектором CSS, так что правила другие CSS не имеют приоритет.

Answer 3

Я принимаю .gwt-кнопки и .gwt-Button - это названия стилей по умолчанию (предоставленные GWT) вашей кнопки.

Вы можете сделать sth, как показано ниже. Здесь я удалил некоторые свойства css (все свойства здесь случайны). Вы должны написать эти свойства css в своем UIBinder.

@external .gwt-Button; 
    .gwt-Button { 
     cursor: pointer; 
     cursor: hand; 
     color: #3e3e3e; 
     font-weight: bold; 
     text-align: center; 
     background: white; 
     margin-top: -6px; 
     margin-top: -33px; 
     margin-left: -1px; 
    } 
    @external .gwt-Button-selected; 
    .gwt-Button .gwt-Button-selected { 
     cursor: default; 
     background: white; 
    }