****css****
.tuan input[type="date"]:before{
color:#A9A9A9;
content:attr(placeholder);
}
.tuan input[type="date"].full:before {
color:black;
content:""!important;
}
****html****
<input type="date" name="" id="text" placeholder="(最长不得超过100天)" onclick="change(this)" >
****js****
function change(obj){
if(obj.value==''){
obj.className="full"
}else{
obj.className=''
}
}
解决input date placeholder 不起作用
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 网上找的方法苹果可以了 安卓显示总有问题.加了段CSS就完美解决了,就是UC有点奇葩以下是我测试的浏览器:微信--...
- 效果ok,当 时maxlength失效,长度可以无限输入。 解放方案: 5)value=value.slice...
- 对于浏览器不兼容的,使用以下代码,更改placeholder的字体颜色等 使用outline来控制点击input时...