输入[type =＆＃34;搜索＆＃34;]不在IE9及以下版本上工作

Question

input[type="search"]没有在IE9及以下版本上工作。请你能给我一些想法吗？非常感谢。你可以看到截图：

.search-form .row input[type="search"] {
    color:#9fa0a0;
    font-size:20px;
    padding:0;
    line-height:25px;
    border:none;
    background:none;
    -webkit-appearance:none;
    padding:8px 5px 7px 11px;
    margin:0;
    width:100%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    float:left;
}

Answer 1

因为<input type="search"/>本身不受IE支持，所以它会回到文本字段。检查这个link。

你可以使用这个技巧在后备的情况下获得类似的效果

.search-form .row input[type="search"],
.search-form .row input {
    color:#9fa0a0;
    font-size:20px;
    padding:0;
    line-height:25px;
    border:none;
    background:none;
    -webkit-appearance:none;
    padding:8px 5px 7px 11px;
    margin:0;
    width:100%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    float:left;
}

PS：确保input下没有任何其他.search-form .row字段，否则这也会影响到这些字段。所以我建议在这个字段中使用 Id 选择器