当我在bootstrap 4中使用自定义输入文件时,请不要更改我的输入,也不要显示浏览按钮.
- <label class="custom-file">
- <input type="file" id="Image" class="custom-file-input">
- <span class="custom-file-control"></span>
- </label>
.custom文件
- position: relative;
- display: inline-block;
- max-width: 100%;
- height: 2.5rem;
- cursor: pointer;
.custom文件输入
- min-width: 14rem;
- max-width: 100%;
- margin: 0;
- filter: alpha(opacity=0);
- opacity: 0;
.custom文件控制
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- z-index: 5;
- height: 2.5rem;
- padding: .5rem 1rem;
- line-height: 1.5;
- color: #555;
- user-select: none;
- background-color: #fff;
- border: 1px solid #ddd;
- border-radius: .25rem;
解决方法
据我所检查 – 你需要插入：之前和：之后的伪元素 – 然后它的工作原理.
- .custom-file-control:before{
- content: "Browse";
- }
- .custom-file-control:after{
- content: "Add files..";
- }
