2013-02-19 51 views
0

不工作我有以下的CSS设置输入和下拉这在IE和Firefox的作​​品,但在Chrome中不工作的背景:透明的CSS铬

.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

使用bg-color:none – Chandrakant 2013-02-19 13:28:53

回答

1

表单元素,如<input><select>,传统上很难风格化。尝试-webkit-appearance: none。这里是a demo

+0

-webkit-appearance:none;对用户输入不起作用 – DotnetSparrow 2013-02-19 13:40:58

+0

@DotnetSparrow“用户输入”是什么意思? – Pavlo 2013-02-19 13:48:03

+0

谢谢,它工作。 – DotnetSparrow 2013-02-19 13:54:34