我有 css 实现<input type="file">
按钮的样式,这是我的代码:
::-webkit-file-upload-button {
cursor: pointer;
margin-top: 25px;
display: inline-block;
padding: 6px;
padding-right: 29px;
padding-left: 29px;
transition: all 1s ease;
color: @darkGray;
text-transform: capitalize;
font-size: 15px;
z-index: 1;
position: relative;
border-radius: 25px;
background-color: transparent;
border: 2px solid @red;
}
但这仅适用于 Chrome,我想知道如何在其他浏览器上执行此操作?
有一个标准::file-selector-button
现在是伪元素,请参阅https://github.com/w3c/csswg-drafts/issues/5049 https://github.com/w3c/csswg-drafts/issues/5049。 Firefox 支持它,Safari 和 Chrome 的未来版本也会支持。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)