css – 在firefox中输入文本

前端之家收集整理的这篇文章主要介绍了css – 在firefox中输入文本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在firefox中,当我使用引导表单控件输入元素时,如果我填写输入元素,它会通过向内填充而不是文本周围的方式来剪切文本.在firefox中似乎只有这样的效果.这个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;
}

这是关于具体的,我可以得到复制这个错误.我也一半希望这只是一个完全与我相关的浏览器怪癖,但是我不能单独检查,只有一台机器.

解决方法

Bootstrap表单控件类默认为一个固定的高度.只需添加一个height:auto;到您的.join-form选择器(以保持灵活性),并更改填充以获得原始效果,如此填充:14px 20px;

见:http://jsfiddle.net/x78Bh/

原文链接:https://www.f2er.com/css/217003.html

猜你在找的CSS相关文章