• Page 1 of 1
  • 1
Chrome伪元素网罗
html5选色工具
::-webkit-color-swatch-wrapper //颜色选择框
::-webkit-color-swatch //颜色采样

html5日历选取工具
::-webkit-datetime-edit //日期选择组件
::-webkit-datetime-edit-fields-wrapper //日期文本区
::-webkit-datetime-edit-text //日期文本
::-webkit-datetime-edit-year-field //年
::-webkit-datetime-edit-month-field //月
::-webkit-datetime-edit-day-field //日
::-webkit-inner-spin-button //上下按钮
::-webkit-calendar-picker-indicator //日期选择箭头

文件上传按钮
::-webkit-file-upload-button

html5数字文本框
::-webkit-textfield-decoration-container-input //数字文本框
::-webkit-inner-spin-button //上下按钮
::-webkit-outer-spin-button //文本框外的上下按钮

html5文本框预置文本
::-webkit-input-placeholder

html5范围滑块
::-webkit-slider-runnable-track //滑轨
::-webkit-slider-thumb //滑块

html5搜索框
::-webkit-search-cancel-button //清除图标
::-webkit-search-results-button //放大镜图标

html5 keygen
::-webkit-keygen-select

html5计量槽
先要-webkit-appearance:none;
::-webkit-meter-bar //计量槽
::-webkit-meter-optimum-value //理想状态
::-webkit-meter-suboptimum-value //较理想状态
::-webkit-meter-even-less-good-value //欠理想状态

文本域右下角ico
::-webkit-resizer //右下角改变大小的图标

html5表单校验信息提示框
::-webkit-validation-bubble //提示区
::-webkit-validation-bubble-arrow //提示框三角
::-webkit-validation-bubble-arrow-clipper //三角所在块状区
::-webkit-validation-bubble-heading //提示文字标题
::-webkit-validation-bubble-message //提示信息框
::-webkit-validation-bubble-text-block //提示文本区
  • Page 1 of 1
  • 1
Search: