Question

我目前正在构建一个通常需要长搜索条件的网站。出于这个原因，我选择在下面的bootsnipp中显示一个下拉搜索栏，我添加了一些样式，但其余的代码是相同的。

不幸的是，IE不允许用户在搜索输入字段中输入任何文本 - 它确实显示了光标。

有谁知道为什么会发生这种情况或者我可能能够专门为IE添加代码？

我已将链接添加到Bootsnipp上的工作示例，其中包括HTML，CSS和JS。这个例子和我一样有问题。

View menu with problem here + HTML, CSS & JS

Answer 1

这不是IE特定的，它是将文本推出输入的填充.Chrome似乎忽略了填充。

.navbar-bootsnipp .bootsnipp-search .form-control {
    background-color: rgb(235, 235, 235);
    border-radius: 0px;
    border-width: 0px;
    font-size: 24px;
    padding: 25px 0px;
}

更改填充并为输入添加高度

.navbar-bootsnipp .bootsnipp-search .form-control {
    background-color: rgb(235, 235, 235);
    border-radius: 0px;
    border-width: 0px;
    font-size: 24px;
    padding: 10px 0px;
    height: 50px;
}

我通过查看开发人员工具

找到了问题

https://developer.chrome.com/devtools

希望这会有所帮助：）

IE用户无法填写我的搜索输入字段

1 个答案: