: προεπιλογή - CSS-Κόλπα

Ο :defaultψευδο-επιλογέας θα ταιριάζει με την προεπιλογή σε μια ομάδα σχετικών στοιχείων, όπως το κουμπί επιλογής σε μια ομάδα κουμπιών που επιλέγεται από προεπιλογή, ακόμα και αν ο χρήστης έχει επιλέξει διαφορετική τιμή.

input(type="radio"):default + label:after ( content: ' (default)'; color: #999; font-style: italic; )

Το CSS παραπάνω στοχεύει την ετικέτα που έρχεται αμέσως μετά το προεπιλεγμένο επιλεγμένο κουμπί επιλογής σε μια ομάδα κουμπιών επιλογής:

το κόκκινο
πράσινος
μπλε

Η ετικέτα του πράσινου κουμπιού επιλογής ακολουθείται από το κείμενο "(προεπιλογή)" σε γκρι, πλάγιο κείμενο σε προγράμματα περιήγησης που υποστηρίζουν.

το κόκκινο
πράσινος
μπλε

Στα παραδείγματα περιλαμβάνονται το προεπιλεγμένο κουμπί υποβολής σε μια ομάδα κουμπιών, η προεπιλεγμένη επιλογή από ένα αναδυόμενο μενού, το κουμπί επιλογής που έχει το checkedχαρακτηριστικό που έχει οριστεί στο HTML (όπως φαίνεται στα προγράμματα περιήγησης που υποστηρίζουν) και τα πλαίσια ελέγχου που ελέγχονται από προεπιλογή.

Περισσότεροι πόροι

Διαδήλωση
Σελίδα MDN στο: προεπιλογή
W3C CSS3 UI προδιαγραφές
Επιλογείς W3C Επίπεδο 4

Υποστήριξη προγράμματος περιήγησης

Διαφορετικά προγράμματα περιήγησης έχουν διαφορετικά επίπεδα υποστήριξης. Ο Firefox παρέχει πλήρη υποστήριξη. Τα προγράμματα περιήγησης Webkit υποστηρίζουν προεπιλογή στα κουμπιά αλλά όχι στο ραδιόφωνο ή στα πλαίσια ελέγχου και το Opera είναι το αντίστροφο, το υποστηρίζει σε κουμπιά ραδιοφώνου και πλαίσια ελέγχου, αλλά όχι στην υποβολή.

Υποστηρίζει Opera :defaultσε κουτάκια και κουμπιά επιλογής.
Τα προγράμματα περιήγησης Webkit, συμπεριλαμβανομένων των Chrome και Safari, υποστηρίζουν :defaultτο κουμπί υποβολής
Ο Firefox υποστηρίζει :defaultσε πλαίσια ελέγχου, ραδιόφωνο ΚΑΙ υποβολή τύπων εισαγωγής.
Ο εξερευνητής Διαδικτύου δεν υποστηρίζει :defaultστο πλαίσιο ελέγχου, το ραδιόφωνο ή την υποβολή τύπων εισαγωγής.