Pseudoklass focus

Pseudoklass focus määrab stiilid sisendväljale, tekstialale või lingile sisestusfookusega. Sisestusfookus - see on kui oleme vajutanud sisendväljale ja seal vilgub kursor-pulk (teksti saab sisestada).

Süntaks

cssinput:focus {
  
}

Näide

Pärast fookuse saamist saab sisendväli punase ääre ja varju:

html<input>

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

Результат:

Vaata ka