在火狐浏览器中,当我使用 Bootstrap 的表单控件输入元素时,如果对输入元素进行填充,它会通过向内填充而不是围绕文本填充来裁剪文本。这只在火狐浏览器中出现这种效果。这个 jsfiddle 演示了这个问题:http://jsfiddle.net/v76xB/。表单输入的 HTML 代码如下:
<input id="name" type="text" class="form-control join-form" placeholder="Enter a Username">
CSS:
.join-form {
padding: 24px; /*comment this out to see effect of padding */
margin: 12px 0px;
font-size: 16px;
letter-spacing: 0px;
font-weight: 300;
}
这是我能够复制此错误的最具体描述。我也有一半的希望这只是与我完全相关的浏览器怪癖,但由于我在个人工作且只有一台机器,所以无法检查。