透明的CSS不在chrome中工作

时间:2013-02-19 13:27:50

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

我有以下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;}

我使用这些来显示透明背景。请建议解决方案

1 个答案:

答案 0 :(得分:1)

表单元素,例如<input><select>,传统上很难设计。试试-webkit-appearance: none。这是a demo