无法获取Bootstrap关闭按钮以显示

我在bootstrap中有一个关闭（x）按钮，我无法使用javascript显示。一旦我给它的类名称close它消失。是什么赋予了？无法获取Bootstrap关闭按钮以显示

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 &times; but this will work for now --> 
btn.setAttribute("class", "close"); <!-- tried this and didn't work either --> 
cell4.appendChild(btn);

参考我想这一类从引导

button.close { 
-webkit-appearance: none; 
padding: 0; 
cursor: pointer; 
background: transparent; 
border: 0; 
}

来源

2016-01-21 john

打开你的开发工具（点击F12）并检查元素。您将看到所有正在应用的CSS。这会告诉你你的问题在哪里。 –

什么是您的CSS代码（不是引导程序）？ – crazymatt

我没有任何我自己的，我试图将自举代码应用到它。 – john

你的CSS类close与引导close类冲突适用于它。

尝试将您的css类重命名为其他内容以查看问题是否消失。

如果你仍然想继续使用这个CSS类名，那么你将覆盖（或重置）CSS类实现引导程序的属性。

来源

2016-01-21 23:23:02 ThiagoPXP

对不起，我并不意味着会引起混淆，那就是实际的引导类，我只是发布它来显示我所引用的内容，因为我没有看到引导程序的CSS资源中列出了它。 – john

很显然，当您在javascript中创建button元素时，它并未明确将类型设置为button，您必须自行添加该元素。加入该行

btn.setAttribute("type", "button");

显示按钮的正确CSS。

来源

2016-01-21 23:43:48 john

无法获取Bootstrap关闭按钮以显示

回答

相关问题