定义CSS样式DIV元素

Question

i与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="height-100"></iframe>

在CSS中提供您的样式，

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

仅将height: 100px !important用作最后一个度假胜地。

更新：

您已经为iframe提供了样式

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

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

Answer 2

在Head Tag中定义样式元素

<style>
iframe {
    width: 100px !important;
}
</style>