我正在嘗試爲我的網站創建一些類似於文本輸入的OS X.他們已經在CSS3瀏覽器中表現出色。問題是，沒有邊界，背景是白色的。因此，如果瀏覽器不支持box-shadow或-moz-box-shadow或-webkit-box-shadow，您將無法判斷它是文本輸入，您將無法看到它。我只需要一個非CSS3瀏覽器的邊框... 在這裏得到一個更好的主意是我寫的CSS：http://jsfiddle.net/wUMDG/ 這可能嗎？CSS3輸入樣式
我忘了提及，添加一個邊框會使它變醜...所以我不想顯示邊框，如果它是CSS3。
我建議爲舊版瀏覽器設置邊框。只有支持CSS3的瀏覽器纔會讀取CSS3屬性。舊版瀏覽器會忽略CSS3。
此外，與radius屬性，您可以曲線的邊界。您無需爲曲面區域使用陰影。這樣，如果瀏覽器不支持CSS3，它將使用方形邊框。
的更多信息，請檢查CSS2和CSS3部分：
http://www.quirksmode.org/compatibility.html
UPDATE：
檢查此琴：http://jsfiddle.net/wUMDG/2/
，它會失敗，因爲方形邊框如果沒有CSS3支持。但藍色和灰色的邊框將保留
你不明白，我想要OS X，所以我想要陰影。但我需要一個IE6，IE7和IE8的後備。 呼吸下「Internet Explorer」（卷眼睛）...... – henryaaron 2011-12-29 01:46:24
好吧，這是您使用普通CSS的唯一回退。像IE6,7和8之類的舊瀏覽器不瞭解CSS3，因此不會渲染你的影子。否則，你必須使用圖像背景。 – Joseph 2011-12-29 01:49:35
這裏是我的[小提琴]（http://jsfiddle.net/UuvNc/）類似的概念，雖然留在了重點的陰影 – 2011-12-29 01:51:29
也許...我原本是反對它，因爲我想要輕量級，而一堆htc文件不會是的原則，但我只記得其他瀏覽器不支持「行爲」屬性，並不會下載文件...所以也許... – henryaaron 2011-12-29 01:44:00
不幸的是，盒子陰影不適用於iPhone，iPad和其他可能的輸入手機。所以我最終使用了邊界和PIE。但是，我感到不得不接受邊界答案...... – henryaaron 2011-12-30 01:28:51
添加1px邊框不會影響外觀。使它1px，幾乎是一個非常淺的灰色。 – 2011-12-29 01:33:41
CSS3在這裏使用非常鬆散。舉例來說，前綴的屬性甚至不是規範的一部分。什麼定義了CSS3瀏覽器？ – BoltClock 2011-12-29 01:34:16
@BoltClock支持CSS3的一款支持CSS3 – henryaaron 2011-12-29 01:36:15