diff --git a/files/en-us/glossary/accent/index.md b/files/en-us/glossary/accent/index.md index f85cb24a8eccdc6..22e041602822da8 100644 --- a/files/en-us/glossary/accent/index.md +++ b/files/en-us/glossary/accent/index.md @@ -15,9 +15,3 @@ On the web, an accent is sometimes used in {{HTMLElement("input")}} elements for ### CSS related to the accent You can set the color of the accent for a given element by setting the element's CSS {{cssxref("accent-color")}} property to the appropriate {{cssxref("<color>")}} value. - -### HTML elements that may have an accent - -- [``](/en-US/docs/Web/HTML/Element/input/checkbox) -- [``](/en-US/docs/Web/HTML/Element/input/radio) -- [``](/en-US/docs/Web/HTML/Element/input/range) diff --git a/files/en-us/web/css/accent-color/index.md b/files/en-us/web/css/accent-color/index.md index 952c6653e700315..e85dbdd484f4f3b 100644 --- a/files/en-us/web/css/accent-color/index.md +++ b/files/en-us/web/css/accent-color/index.md @@ -15,10 +15,17 @@ browser-compat: css.properties.accent-color --- {{CSSRef}} -The **`accent-color`** [CSS](/en-US/docs/Web/CSS) property sets the color of the elements {{Glossary("accent")}}. An accent appears in elements such as {{HTMLElement("input")}} of [`type="checkbox"`](/en-US/docs/Web/HTML/Element/input/checkbox), or [`type="radio"`](/en-US/docs/Web/HTML/Element/input/radio). +The **`accent-color`** [CSS](/en-US/docs/Web/CSS) property sets the {{Glossary("accent")}} color for user-interface controls generated some elements. {{EmbedInteractiveExample("pages/css/accent-color.html")}} +Browsers that support `accent-color` currently apply it to the following HTML elements: + +- [``](/en-US/docs/Web/HTML/Element/input/checkbox) +- [``](/en-US/docs/Web/HTML/Element/input/radio) +- [``](/en-US/docs/Web/HTML/Element/input/range) +- [``](/en-US/docs/Web/HTML/Element/progress) + ## Syntax ```css