如何使用光標(biāo):不允許在按鈕或？我嘗試了以下方法:

.not-allowed {
     pointer-events: auto! important;
     cursor: not-allowed! important;
}

我的按鈕看起來像這樣:

<a class="btn btn-primary btn-lg disabled not-allowed"  role="button">Test</a>

沒有指針事件被激活，光標(biāo)不能被改變。但是如果指針事件:自動(dòng)，按鈕或按鈕是可點(diǎn)擊的。如果指針事件:無，光標(biāo)不會(huì)改變。

請(qǐng)幫幫我，我絕望了！

這其實(shí)是Bootstrap的一個(gè)bug

提議的解決方案:

button:disabled {
  cursor: not-allowed;
  pointer-events: all !important;
}

或者如果你有這樣的結(jié)構(gòu):

<li class="disabled">
  <a href="#">My Link</a>
</li>

然后

li.disabled {
  cursor: not-allowed;
}
li.disabled a {
  pointer-events: none;
}

用這個(gè):

.not-allowed {
     cursor: not-allowed !important;
}

你可以像下面這樣用span包你的扣子

<span>
   <button> click me </button>
</span>

現(xiàn)在在css中不允許按鈕上的指針事件，并對(duì)包裝器禁用光標(biāo)。

button {
     pointer-events: none;
     opacity: 0.7
   }


   span {
       cursor: not-allowed;
   }

使用onclick = " return false"

.not-allowed{
 cursor: not-allowed! important;
    
}

<a class="btn btn-primary btn-lg disabled not-allowed" onclick="return false;"  role="button">Test</a>

你有很多選擇，但并不是所有的選擇都是平等的。

最好用div或span包裝元素，并將光標(biāo)放在包裝器上，并將指針事件放在內(nèi)容上。這樣你就可以得到所有的好處，而不會(huì)干擾JS。

第二，你可以在一個(gè)按鈕上使用disabled屬性，這將使它不起作用。然后，您可以將光標(biāo)置于禁用的元素上。

最后，但我不建議使用JS返回false。盡管這樣做是可行的，但我不喜歡這樣做，因?yàn)?點(diǎn)擊事件仍然被觸發(fā)(即仍然可以點(diǎn)擊，但鏈接沒有被跟蹤)，這意味著您還會(huì)在視覺上認(rèn)為您點(diǎn)擊了按鈕。

.disabled-wrapper {
  display: inline-block;
  cursor: not-allowed;
}

.disabled-wrapper a,
.disabled-wrapper button {
  pointer-events: none;
}

button[disabled] {
  cursor: not-allowed;
}

a.disabled.js-test,
button.disabled.js-test {
  cursor: not-allowed;
}

<div class="disabled-wrapper"><a class="btn btn-primary btn-lg disabled not-allowed"  role="button">Test wrapper</a></div>

<button class="btn btn-primary btn-lg disabled not-allowed"  role="button" disabled>Test disabled attribute</button>

<a class="btn btn-primary btn-lg disabled not-allowed js-test"  role="button" onclick="return false">Test JS</a>

大多數(shù)時(shí)候不允許的是不與殘疾人一起工作的財(cái)產(chǎn)。 是否有人在尋找禁用不允許的屬性，這里是代碼。

<style>
button
{
  cursor:not-allowed;
}
</style>
<button disabled>
  Click
</button>

僅僅

<button  class='btn-reserve' type='submit' disabled="true">Submit</button>

.btn-reserve:disabled {
      cursor: not-allowed;
    }