当前位置 : 主页 > 网页制作 > css >

css3 – Safari输入类型搜索重置/规范化

来源:互联网 收集:自由互联 发布时间:2021-06-13
是否有正式的方法来重置搜索输入,使其看起来与Safari中的文本字段相同? screenshot Safari正在向左侧添加一些恼人的填充,我无法删除. input { -webkit-appearance: none; padding: 0;} input type="search
是否有正式的方法来重置搜索输入,使其看起来与Safari中的文本字段相同?

screenshot

Safari正在向左侧添加一些恼人的填充,我无法删除.

input {
  -webkit-appearance: none;
  padding: 0;
}
<input type="search" value="abc"><br>
<input type="text" value="abc">
自己找到了解决方案.

input {
  padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
<input type="search" value="abc"><br>
<input type="text" value="abc">
网友评论