Chrome输入和文本区域填充很糟糕

时间:2013-11-16 00:26:24

标签: css google-chrome input textarea

那到底是什么意思?我发现使用这些元素在chrome中填充有一些问题但是即使在两者(textarea和input)中将填充设置为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>

1 个答案:

答案 0 :(得分:3)

如果您添加border:0,它会自行修复Chrome。请参阅小提琴:http://jsfiddle.net/Q96yN/2/