A focus pszeudoosztály

A focus pszeudoosztály stílusokat határoz meg egy input, textarea vagy hivatkozás számára, ha az beviteli fókuszban van. A beviteli fókusz azt jelenti, hogy rákattintottunk az input mezőre, és ott villog a pálcika kurzor (szöveget lehet beírni).

Szintaxis

cssinput:focus {
  
}

Példa

A fókusz elérése után az input piros szegélyt és árnyékot kap:

html<input>

cssinput:focus {
  border: 1px solid red;
  box-shadow: 0 0 3px red;
}

Результат:

Lásd még