Css <；选择>；标签？

我正在尝试创建一个表单，其中输入字段的背景使用渐变背景设置样式。它对所有

标记成功，但对

标记无效。这能做到吗？我做错什么了吗

我正在使用的CSS：

form#contact input[type="text"], input[type="url"], 
input[type="email"], input[type="tel"], textarea, select {
    margin: 3px 0 0 0;
    padding: 6px; 
    width: 260px; 
    font-family: arial, sans-serif; 
    font-size: 12px; 
    border: 1px solid #ccc;
    background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px);
}

见下图

---

您是否尝试过在firebug中调试它

让背景变得重要怎么样

form#contact input[type="text"], input[type="url"], 

    input[type="email"], input[type="tel"], textarea, select {
        margin: 3px 0 0 0;
        padding: 6px; 
        width: 260px; 
        font-family: arial, sans-serif; 
        font-size: 12px; 
        border: 1px solid #ccc;
        background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF)) !important;
        background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px) !important;
    }

---

由于所使用的操作系统和Internet浏览器，您可能会遇到此问题

解决这个问题的一个简单方法是使用名为Uniform的JQuery库。它允许您根据需要设置表单元素的样式，并且跨浏览器兼容

您可以在此处找到有关此的详细信息：

我希望这会有所帮助。

样式设置

很困难，因为浏览器会尝试渲染控件以匹配操作系统。您可以添加

-webkit外观：无

以启用渐变，但这也将删除箭头

看到和

或如果您可以使用jQuery或Prototype，我强烈推荐使用一个优秀的方法，将

替换为一个可以设置样式的下拉列表

---

编辑：我必须添加样式表单元素，这有时是不受欢迎的。Eric Meyer的背景阅读很好。

在哪个浏览器中？firefox 5在Chrome 15中测试过，在这里也不错。我使用的是Chrome 15.0.849.0 dev-m，这就是上面截图的来源。老实说，我只会在表单控件中使用背景图像。虽然标记为重复，但在浏览器时间尺度中，一年是很长的时间，所以除非有人强烈反对，否则我将保持开放。这里还有一个比以前好得多的论述。就像上面提到的索托里斯，它在FF5中起作用。在发布之前没有检查。。。。。然而，我的Chrome有问题，而且！重要的不是帮助不幸。感谢您提供了几个选项和一些好的背景信息！我将研究JS插件！好提示，我也来看看这个！