首页 > 代码库 > H5自带的type=date或者month等日期控件移动端显示placeholder
H5自带的type=date或者month等日期控件移动端显示placeholder
H5自带的type=date或者month等日期控件移动端placeholder会无法显示
解决方法：
html部分
<li class="info-item select-item"> <input type="month" class="info-input time" placeholder="*入学时间" id="time-sel"> <span class="icon icon-menu-down"></span></li>
css部分
input[type="date"]:before{ color:#b2b2b2; content:attr(placeholder);}input[type="date"].full:before { color:black; content:""!important;}
scss写法
/* 解决input为month类型时的placeholder问题 */input[type="month"]{ &:before{ color:#b2b2b2; content:attr(placeholder); } &.full{ &:before{ color:black; content:""!important; } }}
js部分
//选择入学时间解决input为month类型时placeholder的问题 $("#time-sel").on("input",function(){ if($(this).val().length>0){ $(this).addClass("full"); }else{ $(this).removeClass("full"); } });
H5自带的type=date或者month等日期控件移动端显示placeholder
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。