小编mea*_*eed的帖子

用于在Chrome中设置HTML5日期输入日历样式的CSS

如果单击html5日期输入上的向下箭头,有没有办法设置弹出日历的样式?

<form>
    <label for="f-duedate">Due date</label>
        <input id="f-duedate" type="date" name="duedate"
               data-date-format="dd.mm.YYYY">
</form>
Run Code Online (Sandbox Code Playgroud)

一个html5日历

http://jsfiddle.net/no8a17eo/1/

我知道有一些伪选择器用于为输入字段本身设置样式:

::-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 {
    display: none;
}
::-webkit-calendar-picker-indicator:hover {
   background:none;
}
Run Code Online (Sandbox Code Playgroud)

至少我只需要它就可以使用最新版本的Google Chrome

css html5 google-chrome date input

7
推荐指数
1
解决办法
7562
查看次数

标签 统计

css ×1

date ×1

google-chrome ×1

html5 ×1

input ×1