2016-12-21 6 views
1

Я работаю с javascript, и у меня есть следующий элемент. Я хочу, чтобы применить стиль CSS для изменения высоты: 100px из элемента IFRAMEОпределение css style div element

<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?

+0

Вы хотите изменить высоту iFrame и просто найти команду для этого с помощью javascript? –

+0

Пробовал ли вы использовать атрибут height = "100"? –

+0

Я хочу применить стиль CSS – user3712581

ответ

-2

определить элемент стиля в головной метке

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

Как определить стиль для элемента id = "mceu_21"? – user3712581

+0

@ user3712581 вам нужно будет использовать # перед идентификатором, проверьте [селектор css] (http://www.w3schools.com/cssref/css_selectors.asp) –

0

Добавить класс в IFRAME первого

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

В CSS обеспечивает ваш стиль,

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

использование height: 100px !important только в качестве последнего курорт.

Update:

Вы уже обеспечили стиль для вашего фрейма

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

, которые должны работали, использовать element select и проверить, если его получение переопределены чем-то другим.