Rumah > Artikel > hujung hadapan web > css操作控件实现disable效果
css操作控件实现disable效果
- php中世界最好的语言asal
- 2018-05-07 17:41:294628semak imbas
这次给大家带来css操作控件实现disable效果，css操作控件实现disable效果的注意事项有哪些，下面就是实战案例，一起来看一下。
用js的event可以用来阻止input,select,checkbox的默认事件，如
event.preventDefault() event.stopPropagation()
其实用纯CSS也能实现，如
input {
pointer-events: none;
}
然后用CSS把input变灰即可，50%透明度即可实现禁用的效果
input.disabled {
pointer-events: none;
opacity: 0.5;
}
相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
Atas ialah kandungan terperinci css操作控件实现disable效果. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：dw文本框制作步骤详解Artikel seterusnya：CSS3二级导航菜单制作步骤详解