CSS – HTML5 – 带填充的文本输入太宽

我想要一个从内部填充的输入字段.我正在转移到 HTML5.我在HTML 4.01 Transitional中工作,但在HTML5中,输入字段开始脱离表框.你可以帮我修正HTML吗？

HTML代码的一部分

<td class="content_listing_r" style="width: 80%;">
    <input type="text" name="model_search" style="width: 100%; padding: 5px"  autocomplete="off" />
</td>

看起来像这样：

但是应该看起来像这样：

这是一个小提琴,让你看看和玩：http://jsfiddle.net/kelu/DbXy5/5/

解决方法

将此CSS box-sizing规则添加到您的输入字段：

.content_listing_r input {
    Box-sizing:border-Box;
    -moz-Box-sizing:border-Box;
}

jsFiddle example

原文地址：https://www.jb51.cc/css/214564.html