2013-11-16 2 views
0

Что, черт возьми, это? Я обнаружил, что есть некоторые проблемы с дополнением в хром с этими элементами, но даже если для заполнения (например, textarea и input) значение padding равно 0, они не имеют «одинаковой» ширины в хроме. Код:Хромированный вход и область отступов текста

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> 
<title>WTF</title> 
<style> 
    input { 
     width: 200px; 
     padding: 0px; 
    } 
    textarea { 
     width: 200px; 
     padding: 0px; 
    } 
    table { 
    background-color: blue; 
    } 

</style> 

</head> 
<body> 
<form> 
    <table> 
    <tr><td><input type="text" /></td></tr> 
    <tr><td><textarea></textarea></td></tr> 
    </table> 
<form> 

</body> 
</html> 

ответ

2

Если добавить border:0, он фиксирует себя в хроме. См. Скрипку: http://jsfiddle.net/Q96yN/2/

+0

На самом деле я должен добавить границу: сплошной 1px черный; как для. Потому что этот элемент странный без границы (если у вас нет цветного фона). Но да граница была проблемой, thx :) – user1097772

+0

@ user1097772 Нет проблем, и да, стиль с гравюрой будет выглядеть ** намного приятнее. – thalida

+0

Для всех, кто будет использовать это, я советую установить как дополнение: 0px; border-width: 1px; стиль границы: вставка; который является стандартным стилем ввода текста в хроме, а затем выглядит так же и хорошо для меня :) черная рамка тоже была \t разрушительная. – user1097772

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