CSS ::file-selector-button 偽元素
示例
為 <input type="file"> 按鈕設定樣式
::file-selector-button {
border: 2px solid black;
padding: 5px 10px;
border-radius: 5px;
background-color: lightgreen;
}
自己動手試一試 »
更多“自己嘗試”的例子見下文。
定義和用法
::file-selector-button 偽元素選中任何型別為 <input type="file"> 的按鈕。
| 版本 | CSS 偽元素模組第 4 級 |
|---|
瀏覽器支援
表中數字表示首次完全支援此偽元素的瀏覽器版本。
| 偽元素 | |||||
|---|---|---|---|---|---|
| ::file-selector-button | 89 | 89 | 82 | 14.1 | 75 |
CSS 語法
::file-selector-button {
CSS 宣告;
}
更多示例
示例
為 <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 教程：CSS 偽元素
