博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
input type="datetime-local" 时placeholder不显示
阅读量:6574 次
发布时间:2019-06-24

本文共 593 字,大约阅读时间需要 1 分钟。

一个坑,input的type="datetime-local" 时,电脑上会显示提示,如图

<input type="datetime-local" name="user_date" placeholder="请选择时间" />

但是,手机上不会显示,就是一片白,加上placeholder也是白费。

添上这段代码,亲测ios可以正常提示提示信息,安卓还是一片白。

input[type="datetime-local"]:before{
content: '填写预约时间'; color: #a9a9a9; text-align: left; width:100%;}input[type="datetime-local"]:active:before, input[type="datetime-local"]:hover:before, input[type="datetime-local"]:visited:before, input[type="datetime-local"]:focus:before{
content: ''; width: 100%;}

如果提示信息不是垂直居中,要设置input的高度和行高。

 

转载于:https://www.cnblogs.com/jyichen/p/5760646.html

你可能感兴趣的文章
关于Integer类中parseInt()和valueOf()方法的区别以及int和String类性的转换.以及String类valueOf()方法...
查看>>
ios 控制器的生命周期
查看>>
C#动态代理
查看>>
使用 sessionStorage 创建一个本地存储的 name/value
查看>>
POJ2127 LICS模板
查看>>
Python笔记8----DataFrame(二维)
查看>>
JavaScript 特殊效果代码
查看>>
【?】codeforces721E Road to Home(DP+单调队列)
查看>>
MySQL 仅保留7天、一个月数据
查看>>
OGG 11g Checkpoint 详解
查看>>
PHP中使用socket通信响应速度慢的原因与解决办法
查看>>
Win7下安装Mysql(解压缩版)
查看>>
UVA 11992 Fast Matrix Operations (降维)
查看>>
Asp.net core Identity + identity server + angular 学习笔记 (第一篇)
查看>>
暂时不想读研的几点理由
查看>>
增加临时表空间组Oracle11g单实例
查看>>
Diff Two Arrays
查看>>
stark组件(1):动态生成URL
查看>>
169. Majority Element
查看>>
大整数加法
查看>>