Reactjs

Question

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

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"
          }
        }

谢谢！

Answer 1

我以前从未使用过Swal，但你可以做的是给输入字段一个customClass，并根据需要给它边框。

source

希望对您有所帮助！

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

Reactjs - how to change styling of inputValidator of sweetalert2 popup

sweetalert2