Javascript 更改输入类型文件文本

我想更改我的输入类型=文件css样式，如下图所示：

这是我的实际代码：

<div class="control">
        <input name="attachment" id="attachment" title="<?= $block->escapeHtmlAttr(__('Attachment')) ?>" value="<?= $block->escapeHtmlAttr($this->helper('Magento\Contact\Helper\Data')->getPostValue('attachment')) ?>" class="filestyle" type="file"/><i class="fas fa-paperclip"></i>
    </div>
    <label class="control-label" for="attachment"><span><?= $block->escapeHtml(__('Attachment (Optional)') ?></span></label>
</div>

就像现在这样：

提前感谢您。

请尝试以下代码：

label.custom\u文件{ 宽度：300px； 填充：8px； 高度：45px； 位置：相对位置； 光标：指针； 背景色：EAEA； } label.custom_文件：之前{ 内容：'\f0c6'； 位置：绝对位置； 右：0； 顶部：0px； 填充：9px 15px； 高度：45px； 背景色：F5； } 实例 附件可选 尝试将summy div替换为input，然后根据需要进行合成。然后单击该虚拟div并触发输入，单击显示您给它的CSS