Oletus-pseudoluokka

Pseudoluokka default asettaa tyylin yhdelle elementille ryhmästä, jolla on oletustyyppi. Nämä elementit tulee sijaita vanhemman tagin <form> sisällä.

Syntaksi

cssvalitsija:default {
  
}

Esimerkki

Esimerkki oletustyypistä on attribuutti type arvolla submit. Asetetaan yhdelle naistä painikkeista sininen tausta:

html<form>
  <p>
    <label>Syötä numero</label>
    <input type="number">
  </p>
  <p>
    <input type="submit">
    <input type="submit">
    <input type="reset">
  </p>
</form>
css:default {
  background-color:  #C2DDFD;
}

Результат:

Katso myös

  • pseudoluokka :fullscreen,
    joka asettaa tyylin elementeille koko näytön tilassa
  • pseudoluokka :in-range,
    joka asettaa tyylin elementeille, joilla on määritetty arvoalue
  • pseudoluokka :invalid,
    joka asettaa tyylin input-kentälle, johon on syötetty virheellinen arvo
  • pseudoluokka :optional,
    joka asettaa tyylin input-kentälle, jolla ei ole required-attribuuttia
  • pseudoluokka :out-of-range,
    joka asettaa tyylin elementeille, joiden arvot ovat alueen ulkopuolella
  • pseudoluokka :focus-within,
    joka asettaa tyylin tarkennettuna oleville elementeille