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原生时间选择框,HTML5日期选择器有任何样式选项吗？相关推荐

antd 日期时间选择_【UI设计】日期选择器的常见样式总结
来源:海盐社(haiyans7) 作者:青山在使用各种 APP 的过程中,我们经常会遇到选择日期的场景,比如记账的时候.安排行程的时候.购买车票以及预订酒店的时候.有时我们需要选择一个日期,有时则需 ...
基于bootstrap模态框的日期选择器
近来由于工作需求,以bootstrap模态框+DIV+CSS+JS做了一个适用于移动端的日期选择器,能够满足多样的需求,目前处于第一个版本,后续可能会继续更新.废话不多说,直接进入制作过程. 首先,需 ...
elemenUI 2.x：单选框控制日期选择器的切换
ElementUI 日期选择器的切换实现方式一:同一个日期组件,通过修改属性实现 <!DOCTYPE html> <html lang="en">< ...
Android基于wheelView的自定义日期选择器(可拓展样式)
基于wheelView的自定义日期选择器项目要求效果图: 要求 "6月20 星期五" 这一项作为一个整体可以滑动,"7时"."48分"分别 ...
layUI时间选择框和日期间隔
所需js和css文件 <link rel="stylesheet" href="//res.layui.com/layui/dist/css/layui.css&q ...
html日期选择器小日历样式,超漂亮的网页日期时间选择器
JS日期输入控件 action=""> name="textfield" onFocus="CalendarWebControl.show(th ...
html5 自定义 datepicker,如何使用 React 构建自定义日期选择器(3)
本文作者:IMWeb howenhuo 未经同意,禁止转载 Datepicker 组件构建 Datepicker 组件要开始构建 Datepicker 组件,请将以下代码片段添加到 src/com ...
解决select 下拉框选择器 input输入框、时间日期选择器el-date-picker 赋值后，出现无法修改选中更改问题
ElementUI时间选择器,传入时间赋值后之后无法改变 // ElementUI的表格组件<el-date-pickersize="mini"style="wid ...
html时间选择控件简书,flatpickr好看的日期选择器插件
百度盘链接: https://pan.baidu.com/s/1c2GRktU 密码: jf3v (主要需要的都在dist这个文件夹内) 1.导入日期选择器的css样式(底部有各种颜色对应的样式) d ...

html原生时间选择框,HTML5日期选择器有任何样式选项吗？

html原生时间选择框,HTML5日期选择器有任何样式选项吗？相关推荐

最新文章

热门文章