Click here - to use the wp menu builder

html – DatePicker Text for input=date is top middle on IOS but middle left aligned on other browsers. How do I get it to also be middle left aligned on IOS

January 10, 2024

Can anyone help with what CSS I might need to get the 15 Jan 2024 text to be vertically aligned to the centre.

HTML Code

            <label for="dteBookRoomDate" class="inputTextTitle">Date</label>
            <input id="dteBookRoomDate" class="inputTextbox" type="date" placeholder="06/10/2022" />

CSS

.inputTextbox {
box-sizing: border-box;
height: 40px;
border: 1px solid #F5F5F5;
border-radius: 4px;
background-color: #F5F5F5;
text-decoration: none;
display: inline-block;
font-family: Ubuntu;
font-size: 16px;
font-weight: 300;
letter-spacing: 0;
line-height: 18px;
width: calc(100% - 50px);
margin: 0 25px 30px 25px;
padding-left: 15px;
padding-right: 15px;
color: black;

}

Viewing site on Android or PC Browser shows correctly like