CSS3输入样式

Question

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

我忘了提一下，添加边框会让它看起来很难看。所以如果它是CSS3，我不想显示边界。

Answer 1

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

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

有关更多信息，请查看CSS2和CSS3部分：

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

更新：

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

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

Answer 2

看看CSS3派：

http://css3pie.com/

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