Javascript Can';不要让引导关闭按钮显示
我在引导程序中有一个关闭(x)按钮,我无法使用javascript显示它。一旦我给它起了类名Javascript Can';不要让引导关闭按钮显示,javascript,twitter-bootstrap,Javascript,Twitter Bootstrap,我在引导程序中有一个关闭(x)按钮,我无法使用javascript显示它。一旦我给它起了类名close它就会消失。有什么好处 var btn = document.createElement("button"); //<button> element btn.className("close"); <!-- unless commented out it won't show --> var t = document.createTextNode("x"); <
close
它就会消失。有什么好处
var btn = document.createElement("button"); //<button> element
btn.className("close"); <!-- unless commented out it won't show -->
var t = document.createTextNode("x"); <!-- would rather use × but this will work for now -->
btn.setAttribute("class", "close"); <!-- tried this and didn't work either -->
cell4.appendChild(btn);
您的css类
close
与引导close
类冲突
尝试将css类重命名为其他类,以查看问题是否消失
如果仍要继续使用此css类名,则需要重写(或重置)引导
close
css类实现的属性。您的css类close
与引导close
类冲突
尝试将css类重命名为其他类,以查看问题是否消失
如果您仍然希望继续使用此css类名,那么您将覆盖(或重置)引导
close
css类实现的属性。显然,当您在javascript中创建按钮
元素时,它不会显式地将类型设置为按钮
,您必须自己添加该属性。添加到行中
btn.setAttribute(“类型”、“按钮”)代码>
显示按钮的正确css 显然,当您在javascript中创建一个按钮
元素时,它没有显式地将类型设置为按钮
,您必须自己添加它。添加到行中
btn.setAttribute(“类型”、“按钮”)代码>
显示按钮的正确css 打开开发工具(点击F12)并检查元素。您将看到所有CSS都应用于它。这会告诉你你的问题在哪里。你的CSS代码是什么(不是引导)?我没有自己的代码,我正在尝试将引导代码应用到它。你能提供你的html和CSS或你遇到的问题的工作示例吗。给我几分钟的时间,打开你的开发工具(点击F12)并检查元素。您将看到所有CSS都应用于它。这会告诉你你的问题在哪里。你的CSS代码是什么(不是引导)?我没有自己的代码,我正在尝试将引导代码应用到它。你能提供你的html和CSS或你遇到的问题的工作示例吗。请给我几分钟时间在那里弹出它。很抱歉,我无意混淆,这是实际的引导类,我只是发布它以显示我引用的内容,因为我没有在引导css资源中看到它。很抱歉,我无意混淆,这是实际的引导类,我只是发布它来显示我引用的内容,因为我没有看到它列在引导css资源中。
button.close {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
}