HTML5 progress元素样式设置

2021-10-1595次阅读css

为了使 ::-webkit-progress-value 生效, <progress> 元素的-webkit-appearance (en-US) 需要设置为 none 。

/* 表示总长度背景色 */
progress::-webkit-progress-bar { background: #e6e6e6; }
/* 表示已完成进度背景色 */
progress::-webkit-progress-value  { background: #0064B4; }

参考:

https://developer.mozilla.org/zh-CN/docs/Web/CSS/::-webkit-progress-value

https://tippingpoint.dev/style-range-input-css

上一篇: Vue.js插件开发详解  下一篇: :not(:first-child)排除第一个元素  

HTML5 progress元素样式设置相关文章