Question

我希望我的搜索字段（在Safari中）看起来像普通的文本字段，（但添加了x按钮以清除搜索）

这是我到目前为止所做的：

基本上，我只是应用它来重置样式。

-webkit-appearance:textfield;
-moz-appearance:textfield;

一切都很好，除了一件事。在safari中（尚未测试firefox），当您单击它们时，所有输入字段周围都会显示一个蓝色边框。但是，如果您在此示例中尝试此操作，您会注意到文本和搜索字段之间的边框显示不同;

对于文本字段，蓝色边框直接位于字段的灰色边框上，但是在搜索字段中，有一些间距，您可以同时看到灰色边框和蓝色边框。

是否可以将其更改回默认行为（如文本字段）？

谢谢你，韦斯利

Answer 1

您需要定义边框以消除蓝色边框效果。

border: 1px solid gray;

适用于Firefox。

对于Safari，您需要添加

outline: none;