Reactjs-如何更改sweetalert2弹出窗口的inputValidator的样式

我目前正在使用sweetalert2让用户选择一个文件。如果用户没有选择文件，我将使用inputValidator在弹出窗口上发布错误消息。默认错误消息在文件输入框周围放置红色边框。是否可以删除红色边框或自定义它（将其更改为绿色/蓝色）？这是我正在使用的代码

const MySwal = withReactContent(Swal)

    MySwal.fire({
        confirmButtonText: 'Submit File',
        showCancelButton: true,
        title: "<b>Submit New File</b>",
        input: 'file',
        focusConfirm: false,
        allowOutsideClick: false,
        inputValidator: (value) => {
          if(!value){
            return "Please select a file"
          }
        }

const MySwal=withReactContent（Swal）
迈斯瓦尔火灾({
confirmButtonText:“提交文件”，
showCancelButton:true，
标题：“提交新文件”，
输入：“文件”，
focusConfirm:false，
allowOutsideClick:false，
inputValidator：（值）=>{
如果（！值）{
return“请选择一个文件”
}
}

谢谢

---

我以前从未使用过

Swal

，但您可以做的是为输入字段指定一个

customClass

，并根据需要为其指定边框

---

希望这会有所帮助！

当然，您可以随时检查输入字段以查看应该更改的内容！奇怪的是，输入框似乎唯一响应的是填充的更改。感谢您的建议，我将继续使用它。您可以制作一个代码沙盒，然后我就可以跟随它了！？尝试时看到红色的轮廓如果可能的话，我想把它处理掉。谢谢！