[版权声明] 本站内容采用 知识共享署名-非商业性使用-相同方式共享 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
如果本文对您有所帮助，可以请作者喝杯咖啡，感谢支持^_^
支付宝支付
微信支付