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

Question

我目前正在建立一个通常需要长时间搜索词的站点。由于这个原因，我选择进行下拉搜索栏，如下面的Bootsnipp所示，我在其中添加了一些样式，但其余代码是相同的。

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

有人知道为什么会发生这种情况，还是我可以专门为IE添加的代码？

我已经在Bootsnipp上的工作示例链接了此处，其中包括HTML，CSS和JS。该示例与我有相同的问题。

查看菜单与问题有关 html，css＆amp;JS

Answer 1

这不是特定的，是将文本从输入中推出的填充物似乎忽略了填充。

.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

希望这会有所帮助：）