html - 如何将样式应用于文件输入中的按钮

Question

我正在尝试在我的 MAC 代码中使用文件输入，对齐方式看起来很糟糕。在所有剩下的，它看起来不错。当我尝试将样式应用于文本(未选择文件)时，我无法将样式应用于唯一的按钮(选择文件)。

在 MAC 中:

在其他笔记本电脑中:

CSS:

input[type=file]::-webkit-file-upload-button {
    cursor: pointer;
    margin-bottom: 2px;
}

Answer 1

    <label for="pickerId">
       Your custom picker viewable item to be added here and style to be applied to this label. The real input will be hidden but clicking here will be enough to trigger file picker
    </label>
    <input id="pickerId" style="display:none;" type="file"/>