సిఎస్ఎస్ అకెంట్-కలర్ అట్రిబ్యూట్

నిర్వచనం మరియు ఉపయోగం

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, హెక్సాడెసిమల్, పేరు రంగులు మొదలెన్ని).

చెల్లుబాటు విలువల వివరాలకు మా సిఎస్ఎస్ రంగు శిక్షణాలో చూడండి.
initial ఈ లక్షణాన్ని అప్రమేయ విలువకు అమర్చండి. చూడండి: initial。
inherit ఈ లక్షణాన్ని తన పైబడి నుండి పారంపర్యం చేసుకుంది. చూడండి: inherit。

సాంకేతిక వివరాలు

అప్రమేయం విలువ: auto
పారంపర్యం కార్యకలాపం: అవుతుంది
అనిమేషన్ తయారీ: మద్దతు పొందండి:అనిమేషన్ సంబంధిత లక్షణాలు。
సంస్కరణ: CSS4
జావాస్క్రిప్ట్ సంకేతాలు: object.style.accentColor="ఎరుపు"

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇస్తున్న బ్రౌజర్ సంస్కరణను సూచిస్తాయి。

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ Opera
93.0 93.0 92.0 15.4 79.0