Sweetalert2 ConfirmButton在selectize.js打开时保持可见-与z-index无关

Question

我有这样的sweetalert2：

[当我想挑选东西时，它看起来像是：

我在sweetalert2中的代码是：

<div className={'col-12 course-item-modal'}>
            <div className="row">

                <div className="form-group col-12">
                    <div className="row">
                        <label htmlFor="form_4_course">Kurs</label>
                        <select id="form_4_course" name="form[4][course]" className="selectize form-control">
                            <option value=""></option>
                            <option value="60"> GTS</option>
                            <option value="62">Sprechstunde</option>
                            <option value="59">BesF 1c</option>
                            <option value="58">BesF 3c</option>
                            <option value="53" selected="selected">D 1a</option>
                            <option value="56">D 1b</option>
                            <option value="57">W T/X 1a</option>
                        </select>

                    </div>
                </div>

                <div className="form-group col-12">
                    <div className="row">
                        <label className="" htmlFor="form_4_rooms">Räume</label>
                        <select id="form_4_rooms" name="form[4][rooms][]" className="selectize form-control"
                                multiple="multiple">
                            <option value="1">Info I</option>
                            <option value="2">Info I</option>
                        </select>
                    </div>
                </div>

            </div>
        </div>

我在此react.js应用程序中使用selectize.js。

[我在sweetalert2 .swal2-actions和。另外，我增加了选择容器的Z索引。我尝试使用z-index进行所有可能的操作-我想。什么都没有。

有人可以帮忙吗？

Answer 1

解决方案是：