Javascript 甜警报html选项

Javascript 甜警报html选项,javascript,html,css,sweetalert,Javascript,Html,Css,Sweetalert,我正在尝试使用html选项发出甜蜜警报: swal({ title: "HTML <small>Title</small>!", text: "A custom <span style="color:#F8BB86">html<span> message.", html: true }); swal({ 标题:“HTML标题!”, 文本:“自定义html消息。”, html:对 }); 但我没有用文字按钮,而是

我正在尝试使用html选项发出甜蜜警报:

swal({  
   title: "HTML <small>Title</small>!",  
   text: "A custom <span style="color:#F8BB86">html<span> message.",   
   html: true 
});
swal({
标题:“HTML标题!”,
文本:“自定义html消息。”,
html:对
});
但我没有用文字按钮,而是用了这个按钮:

var boton = "button";
swal({   
    title: "HTML <small>Title</small>!",  
    text: "<input type=" + boton + ">",  
    html: true 
});
var-boton=“按钮”;
swal({
标题:“HTML标题!”,
正文:“,
html:对
});
但它不起作用! (我想制作一个带有选项(按钮)的菜单) 有人知道怎么做那样的事吗?
谢谢

您可以使用
按钮
标记代替
输入

像这样:

var-boton=“按钮”;
swal({
标题:“HTML标题!”,
文本:“按钮”,
html:对
});

警报中未显示该按钮的原因是,默认情况下,有关
输入的css规则设置为隐藏它们

您可以使用以下命令覆盖sweetalets的默认css行为:

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

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

您可以共享fiddle演示吗?您想要文本而不是按钮吗?sweetalert是一个插件吗?嗯……我想要更像一个带有(button1)选项1(button2)选项2的菜单(button3)选项3问题是,在第一个代码中,第二个引号可以正常工作(在样式中),但是当我尝试我的代码时,它会显示一个“html”文件,而不是按钮。我的意思是,如果你放置一个,一个
和其他东西,但输入不工作,一段代码可能会有所帮助:if(keyMap&4){这里是甜蜜警报}完成了!(我想:/我是新来的,我不知道该点击哪里)谢谢!完成了..欢迎使用StackOverflow;)顺便说一句,你也可以(如果你还没有这么做)…那很好,嗯..你能回答另一个问题吗?如果我想在里面放一个onclick怎么办?它调用一个函数,例如checkName();您的意思是要显示2个按钮:1个是OK,1个是checkName
?插件无法执行此操作,因此我更新了插件。请从下载脚本并告诉我它是否有效。