CSS如何不使用样式

Question

我不做 CSS，这就是为什么我很难调整它的原因。我在使用 Iframe 的弹出窗口中遇到了问题。在 css 中有这样的样式:

iframe {
    border:none;
    height:440px;
    margin-left:4px;
    margin-right:4px;
    **min-width:760px;**
    overflow:auto;
    width:98%;
}

当这样查看页面时，它会生成一个 html:

<div style="left: 404px; top: 75px; visibility: visible; position: absolute; overflow: visible; clip: rect(auto auto auto auto); " class="dialogPanel"><div class="">.....</div>

这就是为什么无论我在后面的代码中如何设置高度，它都不会相应地调整大小:

 profileFrame = new Frame(url);

        profileFrame.setHeight("350px");
        profileFrame.setWidth("450px");
        panel.add(profileFrame);

        content.add(panel);

但是当我从 CSS iframe 中删除最小宽度时，它已经按照我的意愿调整了大小。

Q:我的这个iframe怎么不使用iframe样式？我不想删除最小宽度，因为应用程序中的所有 iframe 都在使用这种样式。

我尝试使用 profileFrame.removeStyleName("iframe") 删除它，我还尝试了所有其他可用的 removestyle 方法但没有用。 有什么建议吗？谢谢

Answer 1

你已经为这个 iFrame 设置了一个类，所以试试

iframe .dialogPanel {
min-width: 0px;
}

这将使只有类为“dialogPanel”的 iframe 没有最小宽度，其余的将保持最小宽度