製作輸入框有Safari的藍色輪廓

Question

我想知道是否有某種方法可以讓一個盒子的所有時間都讓Safari的光線高亮顯示。我會假設會有一種方法來複制這個，但是我沒有找到一個。

感謝您的幫助！

Answer 1

目前實現此目的的唯一方法是使用背景圖片。你會從現場截圖並將其用作輸入的背景。這裏的主要缺點是你只能有一個固定大小的字段，因爲圖像是靜態的。

但是，您可能希望利用一些CSS3樣式，如box-shadow，這些樣式可用於Safari，Chrome和Firefox。看看this page瞭解更多信息。對於你的例子你可能想是這樣的：

box-shadow: 0 0 4px #aaf; 

最後一點做 - 如果你複製Safari的亮點輪廓，它很可能Safari瀏覽器本身將「加倍」的效果，所以你需要小心......

Answer 2

如果有一個加倍，你可以刪除Safari的藍色輪廓與大綱：無。