关于我们

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻公共列表

链接“< a >”元素的参数设置

发布时间:2019-11-21 15:03:49


为基于

<a>

 元素创建的按钮添加 .disabled 类。

实例:

button.jpg

代码:

<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> 元素。

样式:

btn-default  默认

btn-primary 蓝色

btn-success 绿色

btn-info 浅蓝

btn-warning 黄色

btn-danger 红色



/template/Home/Zkeys/PC/Static