bootstrap中button按住时的颜色怎么定义
展开全部
1,bootstrap.自带的按钮样式是很美观的,可以打开调控栏看他具体怎么设置的
2.给你看一下官方手册中按钮按住显示的样式的class类,同样地你看调控栏class类active怎么设置的就行
附手册内容
激活状态
当按钮处于激活状态时,其表现为被按压下去(底色更深、边框夜色更深、向内投射阴影)。对于 <button> 元素,是通过 :active 状态实现的。对于 <a> 元素,是通过 .active 类实现的。然而,你还可以将 .active 应用到 <button> 上(包含 aria-pressed="true" 属性)),并通过编程的方式使其处于激活状态。
button 元素
由于 :active 是伪状态,因此无需额外添加,但是在需要让其表现出同样外观的时候可以添加 .active 类。
3如果你是要自定义的话按钮样式比如是class=one 那么按下去就是 one:active{...}
4实例:
<button class="two">按钮</button> 他的样式是
.two{
color:red;
}
按下去改变样式颜色就是
.two:active{
color:green;
//width:宽度高度什么的都可以去定义
}
2.给你看一下官方手册中按钮按住显示的样式的class类,同样地你看调控栏class类active怎么设置的就行
附手册内容
激活状态
当按钮处于激活状态时,其表现为被按压下去(底色更深、边框夜色更深、向内投射阴影)。对于 <button> 元素,是通过 :active 状态实现的。对于 <a> 元素,是通过 .active 类实现的。然而,你还可以将 .active 应用到 <button> 上(包含 aria-pressed="true" 属性)),并通过编程的方式使其处于激活状态。
button 元素
由于 :active 是伪状态,因此无需额外添加,但是在需要让其表现出同样外观的时候可以添加 .active 类。
3如果你是要自定义的话按钮样式比如是class=one 那么按下去就是 one:active{...}
4实例:
<button class="two">按钮</button> 他的样式是
.two{
color:red;
}
按下去改变样式颜色就是
.two:active{
color:green;
//width:宽度高度什么的都可以去定义
}
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询