日期:2014-05-17  浏览次数:20700 次

IE 浏览器下 Input 的padding 问题
input 输入项,左右有一定大小的padding 区域:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<input style="width:100px;padding:0px 100px 0px 100px;" type="text" value="12345678901234567890abcdefghijkijklmnopqrs"/>
</body>
</html>

在 FF 等浏览器,左右padding区域总是空白区,但在 IE 中,padding区域也会出现输入内容,而且光标可以移动到padding区域中。
希望IE中有FF等浏览器同样的效果,有什么好的解决方法吗?谢谢
------解决方案--------------------
可能是dtd的问题吧?
------解决方案--------------------
!DOCTYPE html>
<html>
<head>
</head>
<body>
<input style="width:100px;padding:0px 100px 0px 100px;" type="text" value="12345678901234567890abcdefghijkijklmnopqrs"/>
</body>
</html>