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

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

სინტაქსი

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

}

მაგალითი

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

html<form>
  <p>
    <label>შეიყვანეთ რიცხვი</label>
    <input type="number" required>
  </p>
  <p>
    <label>შეიყვანეთ ტექსტი</label>
    <input type="text">
  </p>
</form>
cssinput:optional {
  background-color: #D8DFE8;
}

Результат:

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

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