当前位置: 首页 > 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秋季计算机应用基础-答案
  • [NodeJS] 关于Buffer
  • [笔记] php常见简单功能及函数
  • [数据结构]链表的实现在PHP中
  • 【跃迁之路】【463天】刻意练习系列222(2018.05.14)
  • Angular 2 DI - IoC DI - 1
  • axios 和 cookie 的那些事
  • FineReport中如何实现自动滚屏效果
  • HashMap ConcurrentHashMap
  • java中的hashCode
  • js学习笔记
  • Linux学习笔记6-使用fdisk进行磁盘管理
  • Node 版本管理
  • node入门
  • Python学习之路13-记分
  • vue脚手架vue-cli
  • windows下如何用phpstorm同步测试服务器
  • 百度小程序遇到的问题
  • 表单中readonly的input等标签,禁止光标进入(focus)的几种方式
  • 得到一个数组中任意X个元素的所有组合 即C(n,m)
  • 工作手记之html2canvas使用概述
  • 让你的分享飞起来——极光推出社会化分享组件
  • 在electron中实现跨域请求,无需更改服务器端设置
  • 中文输入法与React文本输入框的问题与解决方案
  • Spring第一个helloWorld
  • #免费 苹果M系芯片Macbook电脑MacOS使用Bash脚本写入(读写)NTFS硬盘教程
  • (1/2) 为了理解 UWP 的启动流程,我从零开始创建了一个 UWP 程序
  • (4)事件处理——(2)在页面加载的时候执行任务(Performing tasks on page load)...
  • (6)设计一个TimeMap
  • (8)Linux使用C语言读取proc/stat等cpu使用数据
  • (二)windows配置JDK环境
  • (附源码)springboot“微印象”在线打印预约系统 毕业设计 061642
  • (官网安装) 基于CentOS 7安装MangoDB和MangoDB Shell
  • (太强大了) - Linux 性能监控、测试、优化工具
  • ./configure,make,make install的作用
  • .NET Core SkiaSharp 替代 System.Drawing.Common 的一些用法
  • .net mvc部分视图
  • .NET Project Open Day(2011.11.13)
  • .net redis定时_一场由fork引发的超时,让我们重新探讨了Redis的抖动问题
  • .NET 材料检测系统崩溃分析
  • .net 写了一个支持重试、熔断和超时策略的 HttpClient 实例池