Фон кнопки GWT не работает - PullRequest
Новая
       8

Фон кнопки GWT не работает

0 голосов
/ 07 февраля 2012

Я новичок в GWT / uiBinder (последняя версия GWT и тестирование под новейшим Eclipse) и действительно озадачен. Мой CSS для кнопок это ... 

/* --button-- */
.gwt-Button {
    font-size: 16px;
    font-weight: normal;
    color: #0F0;
    background: #F00;    /* this gets ignored */
}

Фон ничего не делает, остальное работает.

Я проверил, что эта запись CSS делает что-то, меняя цвет и видя, что он работает Я также попробовал "background-color" (я видел оба в различных документах). Фон никогда не меняется.

Я также протестировал gwt-TextBox следующим образом, и он прекрасно работает. 

/* --text box-- */
.gwt-TextBox {
    font-size: 16px;
    font-weight: normal;
    color: #0F0;
    background: Beige;
}

Примечание: я знаю, что иногда во время тестирования вам нужно обновить веб-страницу, чтобы увидеть ваши изменения.

Примечание: я могу установить фон кнопки, используя запись CSS с именем "myButton" и используя styleName = 'myButton' в записи uiBinder.

Примечание. Кнопка находится в слое в LayoutPanel на севере: DockLayoutPanel на востоке: DockLayoutPanel.

Помощь!

Ответы [ 4 ]

3 голосов
/ 07 февраля 2012

https://stackoverflow.com/a/7833358/635411

Вы можете использовать более конкретный селектор, как предлагает другой ответ: 

/* --button-- */
button.gwt-Button {
    font-size: 16px;
    font-weight: normal;
    color: #0F0;
    background: #F00;
}

Лично я стараюсь не перезаписывать стили по умолчанию из-за проблем с приоритетами.

2 голосов
/ 09 февраля 2012

Я думаю, что это должно решить вашу проблему 

.gwt-Button {
         font-size: 16px;
         font-weight: normal;
         color: #0F0;
         background: #F00 !important; 
}
0 голосов
/ 30 декабря 2014

есть более простой способ вам нужно удалить стиль кнопки gwt, а затем добавить любой цвет, который вам нравится `

Button button=new Button();
button.removeStyleName("gwt-Button");
button.getElement().getStyle().setbackgroundColor("#F00");
//incase you need to remove the default border style aswell
button.getElement().getStyle().setBorderStyle(BorderStyle.NONE);

`

0 голосов
/ 28 марта 2013

Вам необходимо включить эту строку, прежде чем вносить какие-либо изменения в фон gwt-Button

background-image:initial !important;

Проблема, с которой вы столкнулись, заключается в том, что вы пытаетесь установить цвет фона, когда gwt-Button использует фоновое изображение, поэтому изображение переходит поверх цвета фона, создавая впечатление, что ваш css игнорируется.

...