პსევდოკლასი read-only

პსევდოკლასი read-only განსაზღვრავს სტილს ინპუტებს ატრიბუტით readonly. ასეთი ინპუტი განკუთვნილია მხოლოდ წასაკითხად, ანუ მასში მონაცემების შეყვანა ან შეცვლა შეუძლებელია, თუმცა მათი მონიშვნა და კოპირება შესაძლებელია.

სინტაქსი

სელექტორი:read-only {
	
}

მაგალითი

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

<p>
	<label>შეიყვანეთ ტექსტი</label>
	<input type="text">
</p>
<p>
	<label>წაიკითხეთ ტექსტი</label>
	<input type="text" value="text" readonly>
</p>

input:read-only {
	border: 1px solid #D8DFE8;
}

იხილეთ აგრეთვე

პსევდოკლასი :read-write,
რომელიც განსაზღვრავს სტილს ცვლადი ინპუტებისთვის
პსევდოკლასი :default,
რომელიც განსაზღვრავს სტილს ელემენტებისთვის ნაგულისხმევად
პსევდოკლასი :indeterminate,
რომელიც განსაზღვრავს სტილს გადამრთველებისთვის, რომლებიც განუსაზღვრელ მდგომარეობაში არიან
პსევდოკლასი :optional,
რომელიც განსაზღვრავს სტილს ინპუტისთვის, რომელსაც არ გააჩნია required ატრიბუტი
პსევდოკლასი :placeholder-shown,
რომელიც განსაზღვრავს სტილს ელემენტებისთვის მინიშნების ტექსტის ჩვენების დროს
პსევდოკლასი :required,
რომელიც განსაზღვრავს სტილს ინპუტისთვის, რომელსაც გააჩნია required ატრიბუტი
პსევდოკლასი :focus-within,
რომელიც განსაზღვრავს სტილს ფოკუსირებულ ელემენტებს
თვისება caret-color,
რომელიც განსაზღვრავს ტექსტური კურსორის ფერს ინპუტში