html - 如何设置 html 提交表单的样式？

Question

这是我的文件上传表单

<form action="upload.php" method="post" enctype="multipart/form-data">
<input type="file" name="filetoupload" id="filetoupload" onchange="this.form.submit();">
</form>

它制作了一个“选择文件”按钮来选择要上传的文件，但是如何在 css 中设置此按钮的样式，如更改颜色、大小、位置和字体？

我已经尝试过 input[type=submit] {} 但似乎不起作用

此外，如何将按钮上的文字从“选择文件”更改为“上传”？

Answer 1

类型是file，不是submit，如type="file"所示:

input[type=file] {
    /* styles here */
}

但是，为按钮设计样式很复杂。如 this answer 中所述，您必须将实际的输入字段移出 View ，然后添加一个具有您自己样式的按钮。