CSS HTML |搜索输入在safari中有圆角

Question

我研究了这个问题，从我收集的内容中，你可以使用-webkit-appearance: none;来解决这个问题。它删除了输入的圆角，但问题是我在执行此操作后无法设置border-radius。我希望搜索的边界半径为10px。

Answer 1

确保外观属性是第一个，然后放置其他属性。试试这个： 身体 {   背景：黑色;   白颜色; } 输入[type =“search”] {   -moz-appearance：none;   -webkit-appearance：none;   border：0px none transparent;   border-radius：10px;   行高：20px;   背景：#efdefc;   颜色：＃930;   填充：3px 5px; } ＆lt; input type ='search'＆gt;