Pseudo-element ::file-selector-button ya CSS

Uhusiano na matumizi

CSS ::file-selector-button Pseudo-element inatumiwa kwenye chaguo cha kitambo <input type="file">.

Mfano

Mfano 1

Kufanya muundo wa kitambo <input type="file">:

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

Jifunze tena

Mfano 2

Kufanya muundo wa kitambo <input type="file"> na kuingia katika mabaya wa kuzungumza:

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

Jifunze tena

Inayohesha ya CSS

::file-selector-button {
  mashirika ya css;
}

Maelezo ya vifaa

Mwaka: CSS Pseudo-elements Module Level 4

Mwongozo wa kifungua

数字 katika tablica inaeleza chuki za kwanza za kifungua kama pengineza kwa pseudo-element.

Chrome Edge Firefox Safari Opera
89 89 82 14.1 75

pembenani ya ukurasa

Mafunzo:Hisia ya CSS