pseudo-element CSS ::file-selector-button

definisi dan penggunaan

CSS ::file-selector-button pseudo-element digunakan untuk memilih tombol jenis <input type="file">.

contoh

contoh 1

atur gaya tombol <input type="file">:

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

coba sendiri

contoh 2

atur gaya tombol <input type="file"> dan tambahkan efek penarik:

::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;
}

coba sendiri

gramatika CSS

::file-selector-button {
  pernyataan css;
}

detil teknis

dukungan browser

angka di tabel menunjukkan versi browser pertama yang mendukung pseudo-element ini penuhnya.

halaman relevan

Tutorial:Pseudo-element CSS