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

Html 如何将样式应用于文件输入中的按钮,html,css,alignment,Html,Css,Alignment,我试图在MAC中的代码中使用文件输入,对齐看起来很糟糕。在所有剩余的情况下,它看起来很好。当我尝试将样式应用于文本(未选择文件)时,我无法将样式应用于唯一按钮(选择文件) 在MAC中: 在其他笔记本电脑中: CSS: 要添加到此处的自定义选择器可视项以及要应用于此标签的样式。真正的输入将被隐藏,但单击此处将足以触发文件选择器 你说的“MAC”是指MAC OS操作系统吗?如果是这样的话,它只是Mac OS,还是iOS呢?是全是浏览器,还是只是Safari?为什么我们——显然——大喊操作系统

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

在MAC中:

在其他笔记本电脑中:

CSS:


要添加到此处的自定义选择器可视项以及要应用于此标签的样式。真正的输入将被隐藏,但单击此处将足以触发文件选择器

你说的“MAC”是指MAC OS操作系统吗?如果是这样的话,它只是Mac OS,还是iOS呢?是全是浏览器,还是只是Safari?为什么我们——显然——大喊操作系统的名字?这可能是浏览器的问题。你的MAC有哪个版本的Safari?下载chrome/firefox,看看它确实是一个浏览器问题。另外,为字段添加最小的HTML代码,以便我们可以复制。是的,@David Thomas,它在“Mac”操作系统中。我们使用chrome作为浏览器
input[type=file]::-webkit-file-upload-button {
    cursor: pointer;
    margin-bottom: 2px;
}