CSS3输入样式

Question

我正在尝试为我的网站创建一些OS X文本输入。他们在CSS3浏览器中表现得非常好。问题是，没有边框，背景是白色的。因此，如果浏览器不支持box-shadow或-moz-box-shadow或-webkit-box-shadow，您将无法确定它是文本输入，您将无法看到它。我只需要非CSS3浏览器的边框... 为了更好地了解我写的CSS：http://jsfiddle.net/wUMDG/ 这可能吗？

我忘了提及，添加边框会让它变得丑陋......所以我不想显示边框，如果它是CSS3。

Answer 1

看看CSS3 Pie：

http://css3pie.com/

在大多数情况下，它应该会帮助你。

Answer 2

我建议为旧浏览器设置边框。只有支持CSS3的浏览器才会读取CSS3属性。旧浏览器将忽略CSS3。

另外，使用radius属性，您可以弯曲边框。你不需要在弯曲区域使用阴影。这样，如果浏览器不支持CSS3，它将使用方形边框。

了解更多信息，请查看CSS2和CSS3部分：

http://www.quirksmode.org/compatibility.html

<强>更新

检查这个小提琴：http://jsfiddle.net/wUMDG/2/

如果没有CSS3支持，它将作为方框边框失败。但蓝色和灰色边框将保持