Manuale di riferimento CSS

Regole @ CSS (RULES)

Manuale completo delle proprietà CSS

Funzioni CSS Manuale completo dei selettori CSS

CSS :optional选择器

Selettore :optional CSS

Manuale di riferimento completo per i selettori CSS

:optional CSS pseudo-classe rappresenta qualsiasi elemento <input>, <select> o <textarea> senza attributo required.

Esempio online

Se l'elemento input non ha impostato l'attributo "required", impostalo come scuro rosso:

Esempio
<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Lezione di base (oldtoolbag.com)</title>
<style>
input:optional
{
}
background-color: #cc0000;
</style>
</head>
<body>
<h3>Esempio di dimostrazione del selettore :optional.</h3>
<p>Elemento input opzionale:<br><input></p>
<p>Elemento input obbligatorio:<br><input required></p>
<p>Il selettore :optional è utilizzato per gli elementi del modulo che non hanno impostato l'attributo "required".</p>
</body>

</html>

Testa per vedere ›‹

Definizione e utilizzo

In un elemento del modulo senza impostazione specifica di required, è impostato come optional.

Attenzione: 　Il selettore :optional è applicabile solo agli elementi del modulo: input, select e textarea.

Compatibilità del browser

I numeri nella tabella rappresentano la versione del primo browser che supporta l'attributo.

Selettore
:optional	10.0	10.0	4.0	5.0	10.0

Sintassi CSS

/*Seleziona qualsiasi input opzionale*/
input:optional {
　　border: 1px dashed black;
}

Permette di mostrare facilmente i campi opzionali dei moduli e di renderne l'aspetto. Nota: per impostare l'aspetto dei campi obbligatori, utilizzare il pseudo-selettore :required.

Pagine correlate

Selettore CSS :required

Manuale di riferimento completo per i selettori CSS

Funzioni CSS Manuale completo dei selettori CSS