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 偽元素