Padding в процентах для Input

indexmsk · November 14, 2012

Друзья, а никто не может объяснить мне такую штуку: Mozilla Firefox не понимает padding в процентах для input-полей. Простой код:

<html>
<body>
	<input type="text" style="width:80%; padding:0 10%;">
</body>	
</html>

Во всех браузерах, кроме Лисы, input растянется на 100% и будет иметь внутренние отступы по 10% с лева и справа.

В чем проблема Лисы и есть ли решение?

Edited November 14, 2012 by indexmsk

Yazon_Nile · November 15, 2012

Все работает в лисе

http://jsfiddle.net/Np5Y2/

psywalker · November 15, 2012

Друзья, а никто не может объяснить мне такую штуку: Mozilla Firefox не понимает padding в процентах для input-полей. Простой код:
<html>
<body>
	<input type="text" style="width:80%; padding:0 10%;">
</body>	
</html>
Во всех браузерах, кроме Лисы, input растянется на 100% и будет иметь внутренние отступы по 10% с лева и справа.
В чем проблема Лисы и есть ли решение?

Да, это их старый баг ещё. Многие уже обращались с этой траблой. Мой совет, сделать обёртку полю и стилизовать уже её.

Sign In

Padding в процентах для Input

Question

indexmsk

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Yazon_Nile

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information