პსევდოკლასი optional

პსევდოკლასი optional აძლევს სტილს იმ ინფუთს, რომელსაც არ აქვს მინიჭებული ატრიბუტი required, ანუ ეს პსევდოკლასი ვრცელდება არასავალდებულო ინფუთებზე.

სინტაქსი

სელექტორი:optional {

}

მაგალითი

მოდით, არასავალდებულო ინფუთს ნაცრისფერი ფონი მივანიჭოთ:

<form>
	<p>
		<label>შეიყვანეთ რიცხვი</label>
		<input type="number" required>
	</p>
	<p>
		<label>შეიყვანეთ ტექსტი</label>
		<input type="text">
	</p>
</form>

input:optional {
	background-color: #D8DFE8;
}

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

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