在按钮上应用css display：none

Question

我似乎可以在display: none;上使用button。 我可以使用visibility: hidden;，但由于按钮仍然存在（只是不显示），它并没有完全符合我的要求。任何其他方式我只能使用CSS删除按钮？

Answer 1

更改此

<button style='display: none></button>

到此

<button style='display: none;'></button>

Answer 2

在css文件中创建一个类，假设它是style.css

.nodisplay {
     display:none;
}

并在按钮中

<button class="nodisplay"></button>

通过这种方式，您可以在网站上的任何地方使用nodisplay类，而无需在要隐藏的不同HTML元素中反复定义style='display: none;'