input[type=checkbox]与input[type=radio]颜色设置 - accent-color

Web前端开发中表单控件是必不可少的一部分，很多人也知道它因“环境”(设备、 *** 作系统与浏览器)变化而变化。下面了解下关于单选（input[type=radio]）与复选(input[type=checkbox])表单控件颜色设置 -  accent-color 。

input[type=checkbox]与input[type=radio]颜色设置 - accent-color

accent-color:auto/color//auto:根据"环境"自动匹配//color:定义颜色

<inputtype="checkbox"checkedid="cb"/><labelfor="cb">示例复选</label>

如：设置accent-color颜色为红色

<inputtype="checkbox"checkedid="cb"/><labelfor="cb">示例复选 - 设为红色</label>

#cb{accent-color:red}

新的属性，因此，浏览器需要最新版本方可显示其效果。

accent-color 各浏览器兼容性

表单内容中多组单选项或复选项中， 着重 （ 强调 ）突显某一选项组。

实际应用可能不是很大，但也是个新属性，新技巧，说不定哪天会用到；有用没用，只要知道还有这么个设置即可！

1、选中要设置字形的文本。2、在“开始”选项卡下的字体组中，单击“斜体”按钮。3、于是，字体就会以斜体的形式显示出来。4、在“开始”选项卡下的“字体”组，单击“下划线”右侧的下拉按钮，选择其中一种，如波浪线。5、在下划线颜色选项里，填充你想要更换的颜色。

css提供了列表标签li，通过list-style-type属性可以设置列表项标记的类型。例如：disc、circle、square、decimal等。

那如何自定义标记的类型呢？

---