accent-color的使用

介绍

重音颜色CSS属性设置由某些元素生成的用户界面控件的重音颜色。

语法

accent-color = 
  auto     |
    
1
2
3

浏览器兼容

支持的元素

input

<input type="checkbox"/>
<input type="radio"/>
<input type="range"/>
1
2
3

progress

<progress>progress>
1

实际效果

没有添加的样式
在这里插入图片描述

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>02-accent-colortitle>
    <style>
        .input1 {
            accent-color: green;
        }

        .input2 {
            accent-color: grey;
        }

        .input3 {
            accent-color: antiquewhite;
        }

        progress {
            accent-color: blueviolet;
        }
    style>
head>
<body>
<input type="checkbox" class="input1">input>

<input type="radio" class="input2">input>
<input type="range" class="input3">input>

<progress>progress>
body>
html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

相关阅读:
TCP协议之《对端MSS值估算》
loguru日志二次封装
技术分享 | 使用 Zabbix + Grafana 搭建服务器监控系统
云计算之道：学习方法、实践经验与行业展望
Agent 与对象的辨析
Go并发可视化解释 - sync.WaitGroup
MySQL主从复制原理和使用
Redis缓存穿透、缓存雪崩和缓存击穿的解决方案
MySQL 9.0创新版发布！功能又进化了！
ISO食品安全管理体系认证条件

原文地址：https://blog.csdn.net/qq_33759361/article/details/128189834