The html5 page visited on WeChat two days ago, there is an order query to choose time. The <input type = date> input box that I just started using it. Ugly, it is completely inconsistent with the entire background.
At the beginning, the background color of the input box is transparent (Background-COLOR: Transparent;), and the background color and border on the iOS are gone, but the frame and background color of the Andriod still exist. Later, the style Filter: Alpha (OPACITY = 0), the border and background were removed in Andriod.
Remove the background and border is much better than before, but because the type is Date, there is an icon on the right. It feels uncoordinated. In addition, the style icon is gone, which looks better than before. The picture below is the effect:
JSP some code:
<DIV> <IMG SRC = <c: URL VALUE =/Images/Weixin/Timeq.png/> Class = Imgcen Onclick = Updatedate (-1);/> <input Type = Date Namedate = Q urydate value = Onchange =changeDate();/> <img src=<c:url value=/images/weixin/timeH.png/> class=imgCen onclick=updateDate(1); style=margin-left: -8px;/> </ DIV>
Enter box style code:
.date input [Type = Date] {Background-COLOR: Transparent; COLOR: #fff; Filter: Alpha (OPACITY = 0); /*Android* /APPEARANCE: None; Icon*/ -moz -PPEARANCE: None; -webkit -APPEARANCE: None;}The above is all the contents of this article. I hope it will be helpful to everyone's learning. I also hope that everyone will support VEVB Wulin.com.