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

तकनीकी विवरण

संस्करण: CSS Pseudo-elements Module Level 4

ब्राउज़र सहारा

टेबल में दिए गए नंबर सबसे पहले सहारा देने वाले फर्जी एलिमेंट के पहले ब्राउज़र वेर्सन को निर्दिष्ट करते हैं。

Chrome Edge Firefox Safari Opera
89 89 82 14.1 75

相关页面

ट्यूटोरियल:CSS फ़ॉर्सी एलीमेंट