Псевдокласот focus

Псевдокласот focus задава стилови за input, textarea или врска со фокус на внесување. Фокус на внесување - тоа е кога сме кликнале на input и таму трепка палка-курсор (може да се внесува текст).

Синтакса

cssinput:focus {
  
}

Пример

По добивањето на фокус, input ќе добие црвена граница и сенка:

html<input>

cssinput:focus {
  border: 1px solid red;
  box-shadow: 0 0 3px red;
}

Результат:

Погледнете ги и