javascript - 移动端怎么让安卓的type＝date的input的背景色透明？？

Question

我的html是这样的；

我的css是这样的：

但是手机上出来的效果，就是type=date的背景没有透明

Answer 1

.date input[type=date] {  
    background-color:transparent;  
    color:#fff;  
    FILTER: alpha(opacity=0); /*androd*/  
    appearance:none;  /*下拉框去掉右侧图标*/  
    -moz-appearance:none;  
    -webkit-appearance:none;  
} 

http://blog.csdn.net/mr_smile...

css

input[type="date"]:before{
    color:#A9A9A9;
    content:attr(placeholder);
}


input[type="date"].full:before {
    color:black;
    content:""!important;
}

js

$("#date").on("input",function(){
    if($(this).val().length>0){
        $(this).addClass("full");
    }else{
        $(this).removeClass("full");
    }
});

Answer 2

谢邀，用这个。

background-color: transparent;

给你写了个dmeo， background-color 和 background 对于背景颜色的权重，你一看便明白

https://jsfiddle.net/eskmy2gs/