Pseudoklasas placeholder-shown

Pseudoklasas placeholder-shown nustato stilių įvesties laukui arba teksto sričiai, kurioje rodomas vadinamasis užuominos tekstas, kuris išnyksta po teksto įvedimo pradžios.

Sintaksė

cssselektorius:placeholder-shown {}

Pavyzdys

Nustatykime raudoną rėmelį įvesties laukui, kuriame rodomas užuominos tekstas, o po jo įvedimo rėmelis persidažys į žalią:

html<form>
  <input placeholder="enter the text">
</form>

cssinput {
  border: 1px solid green;
}
input:placeholder-shown {
  border-color: red;
}

Результат:

Taip pat žiūrėkite