table 的TD 内放 TEXT 类型 INPUT 宽度问题

Question

当TD内放TEXT类型的INPUT时,宽度目前用的是95%,但是感觉不够美观,怎么让TEXT 与TD的间隙 是1像素 .并且兼容各种浏览器?99%试过了.有时候会超出TD边界.这个有最佳实践么?

Answer 1

<td width="100px"><input type='text' name='param' style="margin-left:20px;margin-right:20px;"/></td>
input定义margin，想和td隔多少像素都可以。

Answer 2

办法倒是不少：
问题出在了 input 的边框问题 ,默认有 border-style: inset 边框 2 象素
在包含 input 的 div 中 可以加上面代码 padding-right 减去边框就行
也可以不加任何代码，但需要把input 边框去掉 如：border: none;
去掉边框后 在 input 的外面套一个 div ，把div 设置上边框 可以实现你要的效果