Ψευδοεлемент 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 {
  θέσεις css;
}

Τεχνικά λεπτομέρειες

Υποστήριξη προγράμματος περιήγησης

Τα αριθμήματα στη τάβλη αποδίδουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως το ψευδοεлемент.

相关页面

Εκμάθηση:Πseudo-εлемент CSS