Safari搜索字段问题

Question

搜索字段在Safari之外的所有浏览器上都运行良好，Safari没有选择导致问题的搜索字段的填充+高度。

请查看链接：

f

非常感谢你的帮助。

Answer 1

只需将-webkit-appearance: none添加到.search {}

即可

对于覆盖问题，请使用input[type="search"].search {} 并覆盖box-sizing: border-box; to box-sizing: padding-box;

- 适用于iOS的默认用户代理样式表

input[type="search"] {
    -webkit-appearance: searchfield; /* need to be changed */
    box-sizing: border-box;
}

Answer 2

我现在不在Mac上，但我认为这是因为＆＃34;搜索＆＃34;你设置的输入类型。

尝试将输入的类型更改为＆＃34; text＆＃34;而不是搜索。

Answer 3

请尝试添加line-height：

.search {
        width: 94%;
        float: left;
        border-top-left-radius: 5px;
        padding: 10px 10px;
        height: 54px;
        margin-top: 33px;
        font-size: 18px;
        border-bottom-left-radius: 5px;
        line-height: 30px; // need to add
    }