Псевдокласс 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 касиети,
    инпуттагы текст курсорунун түсүн белгилейт