效果演示
image.png
- 源码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>测试</title>
<style>
:root {
accent-color: mediumvioletred;
}
</style>
</head>
<body>
<label> <input type="radio" name="radio" />radio</label>
<label>
<input type="checkbox" name="checkbox" />
checkbox
</label>
<label>
<input type="range" />
range
</label>
<label>
<progress max="100" value="70"></progress>
progress 70%
</label>
</body>
</html>
