Bootstrap 禁用的按钮
2018-03-07 09:58
393 查看
禁用的按钮
对于链接,只要添加 .disabled 类,就可以实现颜色变浅、褪掉渐变的效果,并让按钮看起来无法点击。当鼠标移动按钮上时,按钮的样式不再发生变化。如:<a href="#" class="btn btn-large btn-primary disabled">Primary link</a>
<a href="#" class="btn btn-large disabled">Disabled Link</a>
效果如图 3‑59所示:
图3-59 Bootstrap禁用按钮式链接需要注意的是,.disabled 类只能禁用CSS交互行为,而无法禁用按钮的默认行为。要禁用按钮的默认行为,还需要借助JavaScript脚本。HTML表单控件包含一个 disabled 属性,也可以为按钮添加 disabled 属性来禁用按钮,就用不着 JavaScript 脚本了。Bootstrap中,包含 disabled 属性,跟包含 .disabled 类,具有相同的样式效果。如:
<button type="button" class="btn btn-large disabled">Disabled Button</button>
<button type="button" class="btn btn-large" disabled>Disabled Button</button>
效果如图 3‑60所示:
图3-60 Bootstrap禁用按钮
版权声明:本文来自 歪脖网(http://www.waibo.wang/),转载请注明出处。
相关文章推荐
- Bootstrap框架下按钮的禁用
- 关于bootstrap--表单(按钮<button>效果、大小、禁用)
- bootstrap 表单元素、按钮、链接的禁用
- Bootstrap中点击后禁用按钮的最佳方法
- Bootstrap中点击后禁用按钮的最佳方法
- BootStrap中按钮点击后被禁用按钮的最佳实现方法
- Bootstrap历练实例:禁用的按钮
- Bootstrap3 按钮-禁用状态
- bootstrap中按钮的使用样式
- Bootstrap入门书籍之(四)菜单、按钮及导航
- 如何禁用窗口关闭按钮在一个 MFC 多文档界面 (MDI) 应用程序
- ios tableviewcell上点击按钮禁用时点击走了cell点击事件的解决办法
- Windows 10下WLAN突然不能连接(按那个启用禁用蓝牙的按钮也没有用)的问题
- jquery禁用服务端按钮
- 禁用浏览器的后退按钮
- Bootstrap学习:按钮下拉菜单
- Bootstrap 按钮下拉菜单
- bootstrap-table 怎么自定义搜索按钮实现点击按钮进行查询
- 【Bootstrap3.0建站笔记四】按钮组,连接在一起使用
- bootstrap入门【组件之按钮组,下拉菜单,嵌套】