自學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; }
但是可以通過鍵盤快捷鍵來完成按鈕默認的行為事件;