无法用css隐藏Boostrap按钮

Question

当我的页面加载时，我希望有一个带css类的隐藏按钮。

适用于：

style="display: none"

但没有css类：

<button class="ui left floated tiny button hidden">onclick="updateInformations()">Cancel</button>

和

.hidden { display:none }

似乎有一个混乱的＆＃34; .ui.button＆＃34;在css。

我该怎么办？

感谢您的帮助。

Answer 1

试试这个

.hidden { display:none !important }

!important将使您的类覆盖引导类的显示行为

Answer 2

这是样式的常见问题，我建议你阅读'！important'规则并在.hidden中使用它，如下所示：

.hidden { display: nony !important; }

这应该用旧的显示规则替换旧的显示规则。

您可以随时使用JS来设置页面：

$('#MeButton .button').css('display': 'none');

Answer 3

尝试使用bootstrap类隐藏元素：

class="hidden-xs "

或根据您的需要使用hidden-sm / hidden-md / hidden-lg。