Can';使用css隐藏Boostrap按钮

Can';使用css隐藏Boostrap按钮,css,twitter-bootstrap-3,Css,Twitter Bootstrap 3,当我的页面加载时,我希望有一个带有css类的隐藏按钮 它与: style="display: none" 但不适用于css类: <button class="ui left floated tiny button hidden">onclick="updateInformations()">Cancel</button> 它在css中似乎有一个冲突的“.ui.button” 我该怎么做 谢谢你的帮助。试试这个 .hidden { display:none !im

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

它与:

style="display: none"
但不适用于css类:

<button class="ui left floated tiny button hidden">onclick="updateInformations()">Cancel</button>
它在css中似乎有一个冲突的“.ui.button”

我该怎么做

谢谢你的帮助。

试试这个

.hidden { display:none !important }
!重要信息
将使您的类覆盖引导类的显示行为

尝试以下操作

.hidden { display:none !important }

!重要信息
将使您的类覆盖引导类的显示行为

这是样式的常见问题,我建议您阅读“!“重要”规则,并在中使用。隐藏如下:

.hidden { display: nony !important; }
这将用新的显示规则替换旧的显示规则

您可以始终使用JS设置页面:

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

这是一个常见的风格问题,我建议你阅读有关'!“重要”规则,并在中使用。隐藏如下:

.hidden { display: nony !important; }
这将用新的显示规则替换旧的显示规则

您可以始终使用JS设置页面:

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

尝试使用引导类隐藏元素:

class="hidden-xs "

或者根据需要使用
隐藏sm/隐藏md/隐藏lg

尝试使用引导类隐藏元素:

class="hidden-xs "

或者根据您的需要使用
隐藏sm/hidden md/hidden lg

除了@Pawan的答案,加载样式表的顺序可能会影响应用的类。除了@Pawan的答案,加载样式表的顺序可能会影响应用的类。