Проблема с CSS в IE7 и IE8 - текстовый отступ наполе - PullRequest
Новая
       3

Проблема с CSS в IE7 и IE8 - текстовый отступ наполе

7 голосов
/ 06 мая 2011

Можно ли заставить IE7 и IE8 учитывать свойство text-indent css в поле ввода?

Вот мой код 

<!DOCTYPE html>
<html>
<body>
        <input type="text" style="text-indent:100px; display:block;" value="Test indent" />
</body>
</html>

Когда вы впервые загружаете страницу в IE8,текст НЕ с отступом.Вы можете «активировать» свойство text-indent, сфокусировавшись на текстовом поле и напечатав его (т. Е. Вызвать событие onchange).

Как заставить IE7 и IE8 уважать text-indent длявводить текстовый элемент при загрузке страницы вместо события input.onchange?

Ответы [ 2 ]

13 голосов
/ 24 апреля 2012

в обычном случае входной тег text-indent не работает в ie6 и ie7 Если мы добавим lineheight: 1px, все браузер будет работать

Text-Indent будет работать весь браузер 

<input type="text" style="text-indent:-100px; display:block; line-height:1px;" value="Test indent" />

Text-Indent не будет работать ie7 и ie6 браузер 

<input type="text" style="text-indent:-100px; display:block;" value="Test indent" />

демо

http://jsfiddle.net/KczMR/1/

0 голосов
/ 06 мая 2011

Вы уверены, что хотите использовать текстовый отступ вместо свойства margin-left или padding-left?Свойство text-indent предназначено для воздействия только на первую строку текста в элементе.Возможно, вам повезет больше с полем или отступом.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...