Pseidoklase placeholder-shown

Pseidoklase placeholder-shown nosaka stilu ievades laukam vai textarea, kuriem tiek rādīts t.s. padoma teksts, kas pazūd pēc teksta ievadīšanas sākuma.

Sintakse

cssselektors:placeholder-shown {}

Piemērs

Uzstādīsim sarkanu apmali ievades laukam, kurā tiek rādīts padoma teksts, un pēc tā ievadīšanas apmale ļauj pārkrāsoties zaļā krāsā:

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

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

Результат:

Skatiet arī