CSS ::file-selector-button Pseudo-Element

Definition und Verwendung

CSS ::file-selector-button Pseudo-Elemente werden verwendet, um Buttons des Typs <input type="file"> auszuwählen。

Beispiel

Beispiel 1

Stellen Sie den Stil des <input type="file">-Buttons ein：

::file-selector-button {
  border: 2 px solid schwarz;
  padding: 5 px 10 px;
  border-radius: 5 px;
  background-color: Hellgrün;
}

Selbst ausprobieren

Beispiel 2

Stellen Sie den Stil des <input type="file">-Buttons ein und fügen Sie einen Hover-Effekt hinzu：

::file-selector-button {
  border: 2 px solid schwarz;
  padding: 5 px 10 px;
  border-radius: 5 px;
  background-color: Hellgrün;
}
::file-selector-button:hover {
  background-color: Lachs;
  cursor: pointer;
}

Selbst ausprobieren

CSS Syntax

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

技术细节

浏览器支持

表格中的数字指定了首个完全支持该伪元素的浏览器版本。

相关的页面

Tutorium:CSS Pseudo-Elemente