პსევდოკლასი placeholder-shown

პსევდოკლასი placeholder-shown აძლევს სტილს ინფუთს ან ტექსტარეას, რომლებსაც აჩვენებთ ე.წ. მინიშნების ტექსტს, რომელიც ქრება ტექსტის შეყვანის დაწყების შემდეგ.

სინტაქსი

სელექტორი:placeholder-shown {}

მაგალითი

მოდით, დავაყენოთ წითელი საზღვარი ინფუთისთვის, რომელშიც ჩანს მინიშნების ტექსტი, ხოლო მისი შეყვანის შემდეგ საზღვარი გახდეს მწვანე:

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

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

ასევე იხილეთ

ატრიბუტი placeholder,
რომელიც აძლევს მინიშნებას შესავსებ ველს
პსევდოელემენტი placeholder,
რომელიც აძლევს სტილს მინიშნებისთვის