خصوصیت accent-color CSS

تعریف و کاربرد

accent-color این ویژگی برای مشخص کردن رنگ برجسته کنترل‌های رابط کاربری استفاده می‌شود، به عنوان مثال:

<input type="checkbox">
<input type="radio">
<input type="range">
<progress>

مثال

رنگ برجسته برای کنترل‌های رابط کاربری مختلف تنظیم می‌شود:

input[type=checkbox] {
  accent-color: red;
}
input[type=radio] {
  accent-color: green;
}
input[type=range] {
  accent-color: rgb(0, 0, 255);
}
progress {
  accent-color: hsl(39, 100%, 50%);
}

آزمایش کنید

قوانین CSS

accent-color: auto|color|initial|inherit;

مقدار ویژگی

مقدار توضیح
auto مقدار پیش‌فرض. مرورگر رنگ برجسته را انتخاب می‌کند.
color

رنگی که به عنوان رنگ برجسته استفاده می‌شود.

می‌توان از تمام مقادیر رنگ مجاز استفاده کرد (rgb، شانزده‌رنگی، نام‌های رنگ و غیره).

برای اطلاعات بیشتری در مورد مقادیر مجاز، لطفاً به آموزش رنگ‌های CSS ما مراجعه کنید.

initial این ویژگی را به مقدار پیش‌فرض خود تنظیم می‌کند. به: initial.
inherit این ویژگی را از عنصر پدر خود ارث می‌برد. به: inherit.

جزئیات فنی

مقدار پیش‌فرض: auto
قابلیت ارث‌برداری: بله
انیمیشن‌سازی: پشتیبانی. لطفاً به:ویژگی‌های مرتبط با انیمیشن.
نسخه: CSS4
قوانین جاوااسکریپت: object.style.accentColor="red"

پشتیبانی مرورگر

تبلویغه‌های جدول نشان‌دهنده نسخه مرورگر اولیه هستند که این ویژگی را کامل پشتیبانی می‌کند.

Chrome Edge Firefox Safari Opera
93.0 93.0 92.0 15.4 79.0