Текст кнопки отключается в IE

Следующий HTML-код отображается правильно в Chrome, но не в IE. Текст кнопки отключается.Текст кнопки отключается в IE

<HTML> 
    <HEAD> 
     <TITLE>Button test</TITLE> 
     <STYLE type="text/css"> 
     p { padding-left: 2em; text-indent: -2em } 
     </STYLE> 
    </HEAD> 
    <BODY> 
    <DIV style="margin-left: 0.5in; margin-right: 0.5in">First line<P>Second line<BUTTON>Button will be clicked</BUTTON> 
    </DIV> 
    </BODY> 
</HTML>

Идея вступления в p стиля является то, что я хочу абзацы появляться с первой линией слева от остальных линий. Я уменьшил это до минимального примера, но, как правило, будет установлено событие onclick для BUTTON.

источник

2014-09-30 ajb

Я обнаружил, что в IE, если BUTTON происходит внутри P, то text-indent свойство элемента абзаца наследуется BUTTON, заставляя его двигаться текст влево, так что некоторые из них падает кнопка. Это можно решить, добавив style="text-indent: 0" к BUTTON или добавив его в таблицу стилей:

button { text-indent: 0 }

источник

2014-09-30 17:36:59 ajb

Текст кнопки отключается в IE

ответ

Смежные вопросы