Psevdorazred focus-within

Psevdorazred focus-within določa slog elementom, ki so v fokusu. Za razliko od psevdorazreda focus, ki določa slog neposredno samemu elementu, focus-within določa slog za starševski element.

Sintaksa

selektor:focus-within {

}

Primer

Določimo modro barvo ozadja starševskemu elementu, ko je njegov podrejeni element vnosno polje v fokusu:

<div>
	Vnesite vaše ime: <input name="user">
</div>

div {
	width: 300px;
	height: 50px;
	padding: 10px;
}
div:focus-within {
	background-color: #C2DDFD;
}

Glejte tudi

psevdorazred :indeterminate,
ki določa slog stikalom, ki so v nedoločenem stanju
psevdorazred :default,
ki določa slog elementom po privzetem
psevdorazred :fullscreen,
ki določa slog elementom v celozaslonskem načinu
psevdorazred :placeholder-shown,
ki določa slog elementom pri prikazu besedila-namiga
lastnost caret-color,
ki določa barvo besedilnega kazalca v vnosnem polju