[版权声明] 本站内容采用 知识共享署名-非商业性使用-相同方式共享 3.0 中国大陆 (CC BY-NC-SA 3.0 CN) 进行许可。
部分内容和资源来自网络,纯学习研究使用。如有侵犯您的权益,请及时联系我,我将尽快处理。
如转载请注明来自: Broly的博客,本文链接: CSS改变input type="file"样式
这个并不难,可以自己写个CSS样式改变即可,但是为了适应不同情景且能快速把结果整出来,所以找了个挺好用的Bootstrap组件库:Bootstrap FileStyle
使用很简单,先要导入JQuery和Bootstrap,然后这个库:
1 2 3 |
<script type="text/javascript" src="js/jquery.min.js"> </script> <script type="text/javascript" src="js/bootstrap.min.js"> </script> <script type="text/javascript" src="js/bootstrap-filestyle.min.js"> </script> |
然后直接调用即可:
1 |
$(":file").filestyle(); |
1 |
<input type="file" class="filestyle"> |
具体使用方法可参照官方文档:Bootstrap FileStyle