我们一般会觉得input中file的样式比较丑这是我们就要改改
我最近有项目有这样的要求 我就在这里说说我是怎么解决的
通常我们是这样写的
<div class="choose-book">
<input class="file-name" type="text" readonly="readonly" ng-model="fileItem.name" placeholder="请选择文件"/>
<input class="file-select" type="file" name="certificate" nv-file-select uploader="uploader" ng-click="clearItems()"/>
</div>
那它显示的样式是这样的
如果我们以class名为choose-key做一个position: relative;定位 给input中class名为file-select一个position: absolute;left: 0;这是显示成这样
这是我们在设置opacity: 0;这时他显示为
好了，这时input.file就是在这个input.text上面就完成了样式的修改剩下的controller就自己百度吧
转载请注明原文地址: https://ju.6miu.com/read-3297.html
