当前位置: 首页 > news >正文

html时间选择器 不输入,HTML5日期选择器是否有任何样式选项?

WebKit提供了以下八个伪元素来定制日期输入的文本框:

::-webkit-datetime-edit

::-webkit-datetime-edit-fields-wrapper

::-webkit-datetime-edit-text

::-webkit-datetime-edit-month-field

::-webkit-datetime-edit-day-field

::-webkit-datetime-edit-year-field

::-webkit-inner-spin-button

::-webkit-calendar-picker-indicator

所以如果你认为日期输入可以使用更多的间距和一个可笑的配色方案,你可以添加以下:

::-webkit-datetime-edit { padding: 1em; }

::-webkit-datetime-edit-fields-wrapper { background: silver; }

::-webkit-datetime-edit-text { color: red; padding: 0 0.3em; }

::-webkit-datetime-edit-month-field { color: blue; }

::-webkit-datetime-edit-day-field { color: green; }

::-webkit-datetime-edit-year-field { color: purple; }

::-webkit-inner-spin-button { display: none; }

::-webkit-calendar-picker-indicator { background: orange; }

相关文章:

  • html+scss编译css,尝试将所有scss文件编译成一个css文件
  • html4概念,HTML与XHTML、以及HTML4与HTML5标签之间的区别简介
  • 红米7pro支持html不,可以畅快的刷机了,红米Note 7 Pro等机型适配 TWRP
  • casio学生用计算机怎么显示数字,CASIO学生用计算机显示频右上角上出现FIX 只需教我按键就行了...
  • 逻辑与计算机科学之间有什么联系,数学、逻辑与计算机科学的关系.doc
  • 大工计算机应用基础在线测试2,大工11秋《计算机应用基础》在线测试2
  • 点击 桌面 计算机 空白 不响应,计算机期末考试题
  • 计算机网络水晶头闪,网线水晶头坏了怎么办 小妙招一分钟解决你的问题
  • node html word,nodejs导出word
  • 计算机中的自己用英语怎么表示,英语口语:“我的电脑中病毒”用英语怎么表达?...
  • HTML编写个人日记,HTML学习日记(1-基础)
  • 计算机专业中并行运算如何,并行计算-结构·算法·编程
  • 家用计算机是什么时候开始流行,什么时候电脑在我国开始普及?
  • 附件1计算机化系统试题,附件1 计算机化系统.pdf
  • 大学计算机应用教程2018答案,东北师范大学2018秋季计算机应用基础-答案