CSS3:pointer-events | a標簽禁用
阿新 • • 發佈:2018-03-05
body 阻止 info 兼容 firefox ref javascrip active post
用純css就能實現取消事件響應的方法,pointer-events,使用起來更加簡單,它可以:
pointer-events: auto | none | visiblePainted | visibleFill | visibleStroke | visible | painted | fill | stroke | all | inherit
1 阻止用戶的點擊動作產生任何效果
2 阻止缺省鼠標指針的顯示
3 阻止CSS裏的hover和active狀態的變化觸發事件
4 阻止JavaScript點擊動作觸發的事件
比如以下CSS就順起到將禁用的按鈕灰掉的效果
.disabled{ pointer-events: none; cursor: default; filter: alpha(opacity=50); /*IE濾鏡,透明度50%*/ -moz-opacity: 0.5; /*Firefox私有,透明度50%*/ opacity: 0.5; /*其他,透明度50%*/ }
兼容性問題:
CSS3:pointer-events | a標簽禁用