javascript - 定义 css 样式的 div 元素

Question

我使用 javascript，我有以下元素。我想应用 CSS 样式来更改高度:元素 iframe 的 100px

<div tabindex="-1" 
class="mce-edit-area mce-container mce-panel mce-stack-layout-item"
 id="mceu_21" role="group" style="border-width: 1px 0px 0px;" hidefocus="1">
 <iframe title="Área de texto enriquecido. 
 Pulse ALT-F9 para el menu. Pulse ALT-F10 para la barra de herramientas.
 Pulse ALT-0 para ayuda" id="text1_ifr" src='javascript:""' 
 frameborder="0" style="width: 100%; height: 100px; display: block;" allowtransparency="true">
</iframe></div>

我必须如何定义 CSS 样式？

Answer 1

先给iframe添加一个class

<iframe class="height-100"></iframe>

在 CSS 中提供您的样式，

iframe .height-100 {
  height: 100px;
}

仅在万不得已时才使用 height: 100px !important。

更新:

您已经为您的 iframe 提供了样式

style="width: 100%; height: 100px;"

这应该有效，使用 element select 并检查它是否被其他东西覆盖。