用css禁用input、checkbox、select等html控件,实现disable效果


发布者 newghost  发布时间 1522547997387
关键字 编程技巧  前端 
用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;
}








 热门文章 - 分享最多
  1. IE、Chrome、Firefox浏览器默认首页被改成360导航解决办法(删除daohang88.com)跳转
  2. 全国211高校数量最多省市排名:北京、上海、南京、武汉、西安最多,附高考难易地图
  3. 用jQuery创建一个可编辑的SELECT下拉控件(HTML/CSS)
  4. 如何用Bootstrap免费网站模板和OnceAir云盘搭建个人网站服务器
  5. OnceAir自动考勤系统,无需手机签到打卡,轻松管理记录员工出勤信息
  6. Node.js 和 JavaScript 的最新版 npm 导致 Linux 系统崩溃,迫使用户重装系统!
  7. 如何收集捕获Node中的未处理的错误异常信息?
  8. Node.JS循环删除非空文件夹及子目录下的所有文件
  9. JavaScript用new Image实现内网服务器端口扫描
  10. 如何通过网页、客户端、手机APP、路由器查找OnceAir NAS网盘的内网访问地址

 相关阅读
  1. 让Select选择框可编辑可输入可自动补全可下拉选择
  2. 用纯CSS停止冒泡和阻止浏览器默认行为及事件响应,达到禁用(disable)的目的
  3. Node.js框架之express
  4. 纽约时报使用Html5 WebRTC记录访问者IP地址
  5. 在Debian/Ubuntu上面安装升级nginx到最新版
  6. 编写高性能HTML网页应用
  7. 在Debian(Respberry PI)上安装FTP服务器
  8. 使用Google Analytics跟踪捕获JavaScript,AngularJS,jQuery的在线错误和异常
  9. Node.JS开发者常犯的10个错误(一)
  10. CSS3实现的响应式字体:自适应视图窗口大小的新单位

  开源的 OurJS
OurJS开源博客已经迁移到 OnceOA 平台。

  关注我们
扫一扫即可关注我们:
OnceJS

OnceOA