CSS ::file-selector-button 伪元素
示例
样式化 <input type="file"> 按钮
::file-selector-button {
border: 2px solid black;
padding: 5px 10px;
border-radius: 5px;
background-color: lightgreen;
}
亲自试一试 »
更多“亲自试一试”示例在下方。
定义和用法
The ::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 伪元素
