CSS ::file-selector-button псевдоэлемент

определение и использование

CSS ::file-selector-button Псевдоэлементы используются для выбора кнопки типа <input type="file">.

пример

пример 1

Установите стиль кнопки <input type="file">:

::file-selector-button {
  border: 2px solid black;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: lightgreen;
}

попробуйте сами

пример 2

Установите стиль кнопки <input type="file"> и добавьте эффект наведения:

::file-selector-button {
  border: 2px solid black;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: lightgreen;
}
::file-selector-button:hover {
  background-color: salmon;
  cursor: pointer;
}

попробуйте сами

CSSграмматика

::file-selector-button {
  cssdeclarations;
}

Технические детали

Поддержка браузеров

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот псевдоэлемент.

соответствующие страницы

Урок: }}Дум элементы CSS