Переопределить стиль элемента, который определяет высоту / ширину для изображения GWT - PullRequest
3 голосов
/ 05 октября 2011

У меня есть представление GWT с изображением, сброшенным в представление как DataResource (для установки значения img src равным пути к изображению base64 вместо значения по умолчанию для css background), например:

Image img = new Image(ICONS.red().getUrl());
img.setStyleName("myImgStyle");
panel.add( img );

Мой комплект ресурсов ICONS выглядит так:

@Source("red.png")
DataResource red();

При этом генерируется следующий HTML-код в сгенерированном документе (сокращенный src):

<img src="<base64 encoded path>" class="myImgStyle" style="width: 16px; height: 16px;">

Моя проблема связана со встроенным стилем в теге img. Я объявляю стиль для .myImgStyle в прилагаемом файле CSS в нескольких различных разделах @media, чтобы я мог определить размер изображения для разных устройств. Однако встроенный стиль в теге img переопределяет стиль, определенный в CSS. Я попытался установить styleName и установить основное имя стиля в источнике GWT безрезультатно. Как отобразить тег img без встроенного стиля в теге img?

1 Ответ

4 голосов
/ 05 октября 2011

Вы можете явно удалить высоту и ширину из Image, обратившись к ее Style:

img.getElement().getStyle().clearHeight();
img.getElement().getStyle().clearWidth();
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...