CSS :default peiteklasse

Määrittely ja käyttö

CSS :default Peiteklasse käytetään valitsemaan oletusarvoisia lomakkeen elementtejä joukosta yhteydessä olevia elementtejä.

Tämä peiteklasse voidaan käyttää <button>-, <input type="checkbox">-, <input type="radio">- ja <option>-elementeissä.

Esimerkki

Esimerkki 1

Lisää punainen varjo oletusarvoisille syötteille:

input:default {
  box-shadow: 0 0 2px 2px punainen;
}

Kokeile itse

Esimerkki 2

Aseta erilaiset oletussyötteet valintapainikkeille, valintaruuduille ja valitsimille:

input[type=radio]:default {
  box-shadow: 0 0 5px 3px sininen;
}
input[type=checkbox]:default {
  box-shadow: 0 0 5px 3px maroon;
}
option:default {
  color: sininen;
  background-color: vaaleanpunainen;
}

Kokeile itse

CSS-syntaksi

:default {
  css-deklaratiot;
}

Tekninen tarkistus

Selaimen tuki

Taulukon numerot määrittelevät ensimmäisen selaimen version, joka täysin tukee tätä peiteklassea.