用css隐藏禁用的引导按钮

Question

我有几个引导按钮，可以根据某些条件启用或禁用。我想在禁用时隐藏2个按钮。我怎样才能使用css实现这一目标。

JSFIDDLE

HTML

<button class="btn disabled">Disabled</button>

Answer 1

你可以试试这个：

<强> CSS3

button.disabled{
display: none;
}

<强> HTML

<button class="btn disabled">Disabled</button>

<强> DEMO HERE

Answer 2

对于那些寻找隐藏具有禁用属性的按钮的答案的人：

<button class="some-class" disabled>

您可以使用伪：disabled

button:disabled {}

Answer 3

button:disabled
{
  display: none;
}