Panggagamit ng panggagamit :focus ng CSS

Paglilinang at paggamit

CSS :focus Ang panggagamit ng panggagamit ay ginagamit upang piliin at itakda ang estilo ng elemento na nakatanggap ng fokus.

Sample

Halimbawa 1

Pumili at itakda ang estilo kapag ang input field ay nakatanggap ng fokus:

input:focus {
  background-color: yellow;
}

Subukan nang personal

Halimbawa 2

Ibabaguhin ang kulay ng background at ang lapad kapag ang input field ay nakatanggap ng fokus:

input:focus {
  background-color: yellow;
  width: 250px;
}

Subukan nang personal

Grammar ng CSS

:focus {
  deklarasyon ng css;
}

Detalye ng teknolohiya

Suporta ng browser

Ang mga numero sa talahanayan ay tumutukoy sa unang bersyon ng browser na ganap na sumusuporta sa panggagamit.

Pangkat ng pahina

Tuturial:CSS 伪类