CSS ::file-selector-button sahte elemanı

Tanım ve Kullanım

CSS ::file-selector-button Sahte eleman, <input type="file"> türündeki düğmeleri seçmek için kullanılır.

Örnek

Örnek 1

<input type="file"> butonunun tarzını ayarlayın:

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

Deneyimleyin

Örnek 2

<input type="file"> butonunun tarzını ayarlayın ve gezinme etkisini ekleyin:

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

Deneyimleyin

CSS Grammar

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

Teknik Ayrıntılar

Tarayıcı Desteği

Tabloda sayılar, bu sahte elemanın tamamen desteklenen ilk tarayıcı sürümünü belirtir.

相关页面

Rehberlik:CSS sahte elementleri