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