透明css在chrome中不起作用答案

【问题标题】：transparent css not working in chrome透明css在chrome中不起作用
【发布时间】：2013-02-04 04:57:39
【问题描述】：

我有以下 css 来设置输入和下拉菜单的背景，这在 IE 和 Firefox 中有效，但在 chrome 中无效：

.user-fld input{width:338px !important; margin-bottom:0px !important; height:18px !important; float:right; background-color:transparent !important; color:#FFF !important; border-bottom:1px solid #FFF; border-left:none !important; border-right:none !important; border-top:none !important; /* padding:0 8px; */}

.user-fld select{width:338px; background-image:url(../images/dropdown.png); background-repeat:repeat; border-bottom:1px solid #fff; padding:0 0 7px 0; border-left:none; border-right:none; border-top:none; float:right;color:White;}

我正在使用这些来显示透明背景。请提出解决方案

【问题讨论】：

标签： css google-chrome html-select html-input

【解决方案1】：

表单元素，例如<input> 和<select>，传统上很难设置样式。试试-webkit-appearance: none。这里是a demo。

【讨论】：

@DotnetSparrow “用户输入”是什么意思？