input[type=file]去掉“未选择任何文件”及样式
<div style="display:flex;align-items: center;">
<label class="upload_bp" for="fileinp">
<input type="file" id="fileinp">
<p class="loadbp">上传附件</p>
</label>
<p class="loadbpsuccess">附件1.pdf <span>×</span></p>
</div>
.upload_bp input[type='file']{
display: none;
}
.loadbp{
padding: 0 30px;
height: 40px;
border: 1px solid #dd5923;
color: #dd5923;
font-size: 16px;
display: flex;
align-items: center;
box-sizing: border-box;
}
.loadbpsuccess{
height: 40px;
background: #f5f7f9;
border-radius: 2px;
font-size: 16px;
line-height: 40px;
padding: 0 30px;
color: #262626;
letter-spacing: 0;
text-align: center;
margin-left: 15px;
box-sizing: border-box;
position: relative;
}
.loadbpsuccess span{
font-size: 20px;
color: #000;
position: absolute;
top: -10px;
right: 2px;
}