覆盖定义 GWT 图像高度/宽度的元素样式答案

【问题标题】：Override element style that defines height/width for a GWT Image覆盖定义 GWT 图像高度/宽度的元素样式
【发布时间】：2011-10-05 15:16:29
【问题描述】：

我有一个 GWT 视图，其中一个图像作为 DataResource 拖放到视图中（将 img src 设置为等于 base64 图像路径，而不是将默认设置 css 背景设置为），如下所示：

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 标签中的内联样式。我在几个不同的@media 部分的附加 CSS 文件中声明 .myImgStyle 的样式，以便我可以为不同设备调整图像大小。但是，img 标签中的内联样式会覆盖 CSS 中定义的样式。我尝试在 GWT 源中设置 styleName 和设置样式主名称无济于事。 img标签中没有内联样式怎么渲染img标签？

【问题讨论】：

标签： gwt image

【解决方案1】：

您可以通过访问Style 来明确删除Image 的高度和宽度：

img.getElement().getStyle().clearHeight();
img.getElement().getStyle().clearWidth();

【讨论】：