Question

我试图用html选项发出甜蜜警报：

swal({  
   title: "HTML <small>Title</small>!",  
   text: "A custom <span style="color:#F8BB86">html<span> message.",   
   html: true 
});

但是不是那个文字放了一个按钮，我试过这个：

var boton = "button";
swal({   
    title: "HTML <small>Title</small>!",  
    text: "<input type=" + boton + ">",  
    html: true 
});

但它不起作用！（我想制作带有选项的菜单（按钮））有谁知道怎么做那样的事情？谢谢！

Answer 1

您可以使用button代码而不是input。

像这样：

＆＃13;

var boton = "button";
swal({   
    title: "HTML <small>Title</small>!",  
    text: '<button type="' + boton + '">Button</button>',
    html: true 
});

＆＃13;

<link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>

＆＃13;

Answer 2

警告中未显示按钮的原因是因为默认情况下将inputs的css规则设置为隐藏它们。

您可以使用以下方法覆盖sweetalets的默认css行为：

.sweet-alert input {
  display: initial !important;
}

我建议您为您的输入提供一个类，并在CSS中添加明确的规则，这样它就不会干扰插件使用的任何其他input标记。

甜蜜警报html选项

2 个答案: