使输入框具有Safari的蓝色轮廓

时间:2009-08-31 22:47:49

标签: html css safari outline

我想知道是否有某种方法可以让一个盒子让Safari的灯光一直亮着。我认为有一种方法可以复制它,但是我没有找到它。

感谢您的帮助!

2 个答案:

答案 0 :(得分:3)

如果加倍,你可以删除Safari的蓝色轮廓,大纲为:无。

答案 1 :(得分:2)

目前实现这一目标的唯一方法是使用背景图片。您将从该字段中截取屏幕截图并将其用作输入的背景。这里的主要缺点是你只能有一个固定大小的字段,因为图像是静态的。

但是,您可能希望利用一些CSS3样式,例如box-shadow,它们可以在Safari,Chrome和Firefox中使用。有关详细信息,请查看this page。对于你的例子,你可能想要这样的东西:

box-shadow: 0 0 4px #aaf;

要做的最后一点 - 如果你复制Safari的高光轮廓,Safari本身很可能会“加倍”效果,所以你需要小心......