Pseudoclass optional

Pseudoclass optional huweka mtindo kwa ingizo ambalo halijawekwa sifa required, yaani, pseudoclass hii inatumika kwa viingilio visivyofurahisha.

Syntax

csskichaguli:optional {

}

Mfano

Wacha tuweke ingizo lisilofurahisha nyuzinyusi ya kijivu:

html<form>
  <p>
    <label>Ingiza nambari</label>
    <input type="number" required>
  </p>
  <p>
    <label>Ingiza maandishi</label>
    <input type="text">
  </p>
</form>

cssinput:optional {
  background-color: #D8DFE8;
}

Результат:

Angalia pia

pseudoclass :default,
ambayo huweka mtindo kwa vipengele kwa chaguomsingi
pseudoclass :indeterminate,
ambayo huweka mtindo kwa wabadilishaji ambao wako katika hali isiyo na uhakika
pseudoclass :placeholder-shown,
ambayo huweka mtindo kwa vipengele wakati wa kuonyesha maandishi-msaada
pseudoclass :read-only,
ambayo huweka mtindo kwa viingilio visivyopatikana kwa mabadiliko
pseudoclass :required,
ambayo huweka mtindo kwa ingizo ambalo kimewekwa sifa required
pseudoclass :focus-within,
ambayo huweka mtindo kwa vipengele vilivyolengwa
sifa caret-color,
ambayo huweka rangi kwa kiashiria cha maandishi kwenye ingizo