Αιχμηρό Χρώμα Εφαρμογής CSS

Ορισμός και χρήση

accent-color Η ιδιότητα χρησιμοποιείται για να καθορίσει το χρώμα έμφασης του ελέγχου διεπαφής χρήστη, για παράδειγμα:

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

Παράδειγμα

Ρυθμίστε το χρώμα έμφασης για διαφορετικά ελέγχους διεπαφής χρήστη:

input[type=checkbox] {
  accent-color: κόκκινο;
}
input[type=radio] {
  accent-color: πράσινο;
}
input[type=range] {
  accent-color: rgb(0, 0, 255);
}
progress {
  accent-color: hsl(39, 100%, 50%);
}

Προσπαθήστε να το δοκιμάσετε προσωπικά

Γλώσσα CSS

accent-color: auto|χρώμα|initial|κληρονομικότητα;

Τιμή ιδιότητας

Τιμή Περιγραφή
αυτόματα Προεπιλεγμένη τιμή. Ο περιηγητής επιλέγει το χρώμα έμφασης.
χρώμα

Καθορίστε το χρώμα που χρησιμοποιείται ως έμφαση.

Μπορείτε να χρησιμοποιήσετε όλες τις νόμιμες τιμές χρωμάτων (rgb, δεκαεξαδικά, ονομασμένα χρώματα κ.λπ.).

Για περισσότερες πληροφορίες σχετικά με τις νόμιμες τιμές, παρακαλώ δείτε την εκμάθηση των χρωμάτων CSS μας.
initial Ρυθμίστε αυτή την ιδιότητα στην προεπιλεγμένη της τιμή. Παρακαλώ δείτε: initial.
κληρονομικότητα Κληρονομείται αυτή η ιδιότητα από το γονικό στοιχείο. Παρακαλώ δείτε: κληρονομικότητα.

Τεχνικές λεπτομέρειες

Προεπιλεγμένη τιμή: αυτόματα
Κληρονομικότητα: Είναι
Παραγωγή αнимации: Υποστήριξη. Παρακαλώ δείτε:Σημεία αναφοράς της αнимации.
Έκδοση: CSS4
Γλώσσα προγραμματισμού JavaScript: object.style.accentColor="red"

Υποστήριξη περιηγητή

Οι αριθμοί στην τύχη δείχνουν την έκδοση του περιηγητή που υποστηρίζει πλήρως το χαρακτηριστικό.

Χρωμ Ετζ Φαίρεξ Σαφάρι Opera
93.0 93.0 92.0 15.4 79.0