小编Jak*_*abb的帖子

输入填充在firefox中删除文本

在firefox中,当我使用bootstrap form-control输入元素时,如果我填充输入元素,它会通过向内填充而不是在文本周围填充文本.它似乎只在firefox中有这种效果.这个jsfiddle演示了这个问题:

http://jsfiddle.net/v76xB/

表单输入html:

<input id="name" type="text" class="form-control join-form" placeholder="Enter a Username">
Run Code Online (Sandbox Code Playgroud)

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;
}
Run Code Online (Sandbox Code Playgroud)

这与我可以复制此错误一样具体.我也希望它只是一个与我完全相关的浏览器怪癖,但我无法检查是因为我是单独工作而且只有一台机器.

css firefox input padding twitter-bootstrap

17
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×1

firefox ×1

input ×1

padding ×1

twitter-bootstrap ×1