學習bootstrap遇到的問題--001 關於bootstrap中類.disabled不禁用默認行為


自學bootstrap遇到的疑惑篇:

按鈕狀態——禁用

在Bootstrap框架中,要禁用按鈕有兩種實現方式:

  方法1:在標簽中添加disabled屬性

  方法2:在元素標簽中添加類名“disabled”

兩者存在區別:

“.disabled”樣式不會禁止按鈕的默認行為,比如說提交和重置行為等。

如果想要讓這樣的禁用按鈕也能禁止按鈕的默認行為,則需要通過JavaScript這樣的語言來處理

對於<a>標簽也存在類似問題,如果通過類名“.disable”來禁用按鈕,其鏈接行為是無法禁止。

而在元素標簽中添加“disabled”屬性的方法是可以禁止元素的默認行為的。

 

但是經過我自己的測試,發現不論是加上disabled還是加上.disabled類,鼠標都是無法點擊的,這是因為在bootstrap中設置了禁用鼠標事件:

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
pointer-events: none;
cursor: not-allowed;
filter: alpha(opacity=65);
  -webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
}

 但是可以通過鍵盤快捷鍵來完成按鈕默認的行為事件;

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM