The H5 comes with a type=date or month date control on the mobile side of the display placeholder

H5 the type=date or month date control mobile end placeholder will not display

Workaround:

HTML section

<Liclass= "Info-item Select-item">    <inputtype= "Month"class= "Info-input Time"placeholder= "* Admission Time"ID= "Time-sel">    <spanclass= "icon Icon-menu-down"></span></Li>

CSS Section

input[type= "Date"]:before {    color:#b2b2b2;     content:attr (Placeholder);}  {    color:black;     Content:"!important;}

Scss notation

/**/input[type= "Month"]{    &:before{        color: #b2b2b2 ;         content:attr (Placeholder);            }     &.full{        &:before{            color:black;             Content:"!important;                    }     }}

JS section

        // Select the entry time to solve the problem of placeholder when input is of type month        $ ("#time-sel"). On ("input",function() {           if($ ()). Val (). length>0  {                $ (this). AddClass ("full");            }  Else {                $ (this). Removeclass ("full");            }         

The H5 comes with a type=date or month date control on the mobile side of the display placeholder