Set width of native html5 date and time pickers on iOS devices

loarozatreas

New Member
I'm using the native date and time pickers with type=date and type=time for the mobile version of a website I'm working on. The input fields are not respecting the css I have, though.Desktop:
kyCZm.png
iOS devices:
YED8N.png
Essentially I need the two date and time inputs to fill ~50% of the width. This is the css I'm using:\[code\].arriveDateWrapper { width: 49%; margin-right: 2%; float: left; position: relative; } .arriveDate { width: 100%; height: 28px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }\[/code\]If anyone can tell me how to get the placeholders to show up when using the native date/time pickers that would be great, as well.Thanks!
 
Back
Top