1

我希望我的搜索字段(在 Safari 中)看起来像一个普通的文本字段,(但添加了 x 按钮来清除搜索)

这是我到目前为止所拥有的:

http://jsfiddle.net/Pss4Z/1/

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

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

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

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

是否可以将其更改回其默认行为(如文本字段)?

谢谢你,韦斯利

4

1 回答 1

0

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

http://jsfiddle.net/Pss4Z/5/

border: 1px solid gray;

这是针对火狐的。

对于 Safari,您需要添加

outline: none;

http://jsfiddle.net/Pss4Z/6/

于 2012-09-14T18:55:59.600 回答