实际上,通过为所有最新的浏览器指定“伪类”,可以很容易地实现这一点.

如果将输入设置为“required”以消除清除按钮不起作用…

然后尝试以下伪类-webkit-clear-button,专门为基于webkit的浏览器设置样式:

/* Hide the clear button from date input */

input[type="date"]::-webkit-clear-button {

-webkit-appearance: none;

display: none;

}

您还可以探索其他有趣的伪元素来设置日期输入的样式.

例如:(从日期输入中隐藏微调器)

/* Hide the spin button from date input */

input[type="date"]::-webkit-inner-spin-button {

-webkit-appearance: none;

display: none;

}

在IE上,可以通过指定:: – ms-clear伪元素的Internet Explorer 10来实现:

input[type="date"]::-ms-clear {

display: none;

}

我在JSFiddle上构建了一个示例,它使用特定的伪元素来设置输入日期控件的样式.

这是一篇关于Pseudo-Elements的有趣文章以及如何使用它们来设置表单控件的样式:http://goo.gl/Y69VN6

html 日期 清空,html – 删除日期输入上的“清除”按钮(iOS safari)相关推荐

  1. 本教程针对HBuilder5.0.0,制作日期2014-12-31(从HBuilder工具上获得)

     /*注:本教程针对HBuilder5.0.0,制作日期2014-12-31*/ 创建HTML结构: h 8 (敲h激活代码块列表,按8选择第8个项目,即HTML代码块,或者敲h t Enter) ...

  2. Vue封装预约日期插件和发布到npm上

    插件代码 <template><div class="subscribe-time" v-show="setting.display"> ...

  3. java中输入日期_Java中的日期操作

    在日志中常用的记录当前时间及程序运行时长的方法: public void inject(Path urlDir) throws Exception { SimpleDateFormat sdf = n ...

  4. 在某些输入上删除IE10的“清除字段”X按钮?

    本文翻译自:Remove IE10's "clear field" X button on certain inputs? It's a useful feature, to be ...

  5. linux生成文件自带时间,linux生成固定日期文件及删除一定日期前的文件

    一.按照一定日期格式命名文件 1.按照一定的格式输出日期: date +"%y%m%d" 格式说明: % : 印出 % %n : 下一行 %t : 跳格 %H : 小时(00-23 ...

  6. 输入一个日期,计算这个日期与 2018-03-12差多少天;

    #coding=gbk ''' 1.计算输入日期与基准日期的差异天数 2.方法2 利用time包 '''#输入一个日期,计算这个日期与 2018-03-12差多少天: def count_days() ...

  7. Web后端servlet—使用servlet的Part接口实现单文件多文件上传、以及日期格式转换为sql日期格式的实现

    JDBC工具类JdbcFileDateUtil上传文件和日期格式转换,包含单文件多文件上传最新最简单简便的办法 本文档介绍了文件上传的处理方法,包括当前端form表单的编码类型为enctype=&qu ...

  8. 删除极速输入法和云上PDF

    文章目录 删除极速输入法和云上PDF 删除方法 极速输入法 云上PDF 真情流露 删除极速输入法和云上PDF 删除方法 极速输入法和云上pdf删除方法一样 极速输入法 1,先在控制面板->卸载程 ...

  9. matlab 日期转换成数字,日期转换为数字 命令行窗口输入datenu

    如2018年1月1日变成2018.01.01的excel可识别格式.但是有时候数字是1位打开excel表格,在表格内输入中文日期格式的日期,选中单元格. 找到工具栏中的"查找和选项" ...

最新文章

  1. Asp.Net中查询域名的Whois信息
  2. 苹果工具条_苹果发布iOS 13.4首个测试版:能让iPhone变身为车钥匙
  3. Android 2.2 r1 API 中文文档系列(12) —— Button
  4. 背水一战 Windows 10 (20) - 绑定: DataContextChanged, UpdateSourceTrigger, 对绑定的数据做自定义转换...
  5. [pytorch、学习] - 3.12 权重衰减
  6. c#中的奇异递归模式
  7. 【立体视觉】双目立体标定与立体校正
  8. 将10个成绩排序java程序_快速排序——成绩排序
  9. 堡垒之夜安装包删除_堡垒之夜安装不了怎么办_常见安装下载问题解决方法_3DM网游...
  10. 斯坦福-随机图模型-week1.4_
  11. COIN3D拖拽器使用
  12. 《量子保密通信技术白皮书》
  13. cocoscreator摘星星补充-添加结束游戏
  14. 人工智能的目标与进化
  15. Android补间动画原理介绍
  16. QT警告Slots named on_foo_bar are error prone
  17. 卡尔曼滤波最完整公式推导
  18. jk触发器改为四进制_锁存器、触发器、寄存器和缓冲器的区别
  19. 浙北山村“洋家乐”:中西结合乡村旅游成脱贫新产业
  20. 英文字幕视频翻译成中文字幕

热门文章

  1. unity3d透明投影+红外线激光多点触摸+unity win7多点触摸案例
  2. 基于单片机的火灾烟雾监测系统设计(#0413)
  3. 《春娇与志明》普清国语中字!国语粤语双音轨[2012最新爱情喜剧]
  4. (二十)即时通信的聊天气泡的实现I
  5. Oracle用户密码过期,修改永不过期
  6. 阿里P9李运华:想成为架构师,你必须知道CAP理论
  7. 江湖风云录-提高佛法
  8. html5中控制立方位置,X5内核+HTML5应用 Q立方浏览器预览版
  9. 农行研发中心23秋招内推
  10. 数据库-触发器(定义、作用、使用方法、new/old虚拟表)