Bootstrap3 按钮-禁用状态
来源:互联网 发布:java instance 编辑:程序博客网 时间:2024/06/04 19:07
通过为按钮的背景设置 opacity 属性就可以呈现出无法点击的效果。
button 元素
为 <button>
元素添加 disabled 属性,使其表现出禁用状态。
<button type="button" class="btn btn-lg btn-primary" disabled="disabled">Primary button</button><button type="button" class="btn btn-default btn-lg" disabled="disabled">Button</button>
链接(<a>
)元素
为基于 <a>
元素创建的按钮添加 .disabled 类。
<a href="#" class="btn btn-primary btn-lg disabled" role="button">Primary link</a><a href="#" class="btn btn-default btn-lg disabled" role="button">Link</a>
我们把 .disabled 作为工具类使用,就像 .active 类一样,因此不需要增加前缀。
链接的原始功能不受影响
上面提到的类只是通过设置 pointer-events: none 来禁止 <a>
元素作为链接的原始功能,但是,这一 CSS 属性并没有被标准化,并且 Opera 18 及更低版本的浏览器并没有完全支持这一属性,同样,Internet Explorer 11 也不支持。因此,为了安全起见,建议通过 JavaScript 代码来禁止链接的原始功能。
Context-specific usage
虽然按钮类可以应用到 <a>
和 <button>
元素上,但是,导航和导航条只支持 <button>
元素。
—–下面有个“顶”字,你懂得O(∩_∩)O哈哈~
—–乐于分享,共同进步!
—–更多文章请看:http://blog.csdn.net/duruiqi_fx
1 0
- Bootstrap3 按钮-禁用状态
- Bootstrap3 按钮-激活状态
- Bootstrap3 按钮-按钮类
- Bootstrap3 按钮-尺寸
- Bootstrap3 表格-状态类
- Bootstrap3 表单-校验状态
- MFC 获取按钮等控件是否禁用状态
- android:利用滤镜制作按钮的禁用与可用状态
- 如何修改SpriteBuilder中的按钮禁用启用状态
- 解决firefox页面刷新后退,按钮禁用状态无法恢复
- 解决firefox页面刷新后退,按钮禁用状态无法恢复
- 禁用按钮
- Bootstrap3 按钮-预定义样式
- Bootstrap3 表单-被禁用的 fieldset
- Unity3D开发(一):NGUI Sprite效果变灰(按钮禁用状态)的解决方案
- Bootstrap3.0学习第七轮(按钮)
- Bootstrap3.0学习第七轮(按钮)
- Bootstrap3 按钮改进之个人学习笔记
- 线段树区间修改与查询(求和)
- 39.4 Spring Boot Shiro权限管理【从零开始学Spring Boot】
- mysql 子查询总结
- 近期使用jQuery mobile做项目时遇到的问题小结
- 后台播放功能遭审核拒绝
- Bootstrap3 按钮-禁用状态
- 用MainActivity 实现 OnClickListener接口——点击按钮没有反应
- Flash Builder导入项目+web开发发布播放器
- Git记录
- xubuntu16.04.1安装一些常用软件
- [nhzxoi2017]noip2016tg1
- WebView内存泄露问题的处理
- 【YUM】系统自带编译好的安装包
- python 轻量单元测试框架JzFramework