当前位置: 代码迷 >> 跨浏览器开发 >> IE 浏览器上 Input 的padding 有关问题
  详细解决方案

IE 浏览器上 Input 的padding 有关问题

热度:10230   发布时间:2013-02-26 00:00:00.0
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>
  相关解决方案