gpt4 book ai didi

css - 输入填充在 Firefox 中剪切文本

转载 作者:技术小花猫 更新时间:2023-10-29 10:17:24 24 4
gpt4 key购买 nike

在 firefox 中,当我使用 Bootstrap 表单控制输入元素时,如果我填充输入元素,它会通过向内填充而不是围绕文本填充来剪切文本。它似乎只在 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 选择器(以保持灵 active ),并更改 padding 以获得原始效果,就像这样 padding : 14px 20px;

参见此处:http://jsfiddle.net/x78Bh/

关于css - 输入填充在 Firefox 中剪切文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24448991/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com