文件按钮里面背景前面有东西

Question

我在上传按钮里面放了一张图片，但是边缘有一个小细节。我如何防止它出现？

<input type="file" name="imgfile" id="imgupload"  class="small ui left labeled left floated camera" data-toggle="tooltip" data-placement="bottom" title="Add Picture" />

#imgupload {
    background: url('../img/camera.png') no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 30px;
    width: 30px;
    font-size: 0px;
    border-radius: 50%;
    border: 0px;
    background-size: 27px 27px;
}

Answer 1

这是显示的默认文件图标。要删除它，请将其添加到您的 CSS:

#imgupload::file-selector-button {
  display: none;
}

文件按钮里面背景前面有东西

There is something in front of the background inside the file button

html

css

button