为了账号安全,请及时绑定邮箱和手机立即绑定

变化到底是什么意思?、?有什么变化

<!doctype html>

<html>

<head>

    <meta charset="UTF-8">

    <title>定制风格</title>

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

</head>

<body>

   <button type="button">基础按钮.btn</button>  

   <button class="btn btn-default:hover" type="button">默认按钮.btn-default</button> 

   <button class="btn btn-primary" type="button">主要按钮.btn-primary</button> 

   <button class="btn btn-success" type="button">成功按钮.btn-success</button> 

   <button class="btn btn-info" type="button">信息按钮.btn-info</button> 

   <button class="btn btn-warning" type="button">警告按钮.btn-warning</button> 

   <button class="btn btn-danger:focus" type="button">危险按钮.btn-danger</button> 

   <button class="btn btn-link:active" type="button">链接按钮.btn-link</button> 

</body>

</html>

变化是这样的么????感觉都一样啊?焦点状态和悬浮状态一样的?能告知到底是什么意思不?感谢~

http://img1.sycdn.imooc.com//56f290da000130b703650140.jpg

正在回答

2 回答

悬浮状态 鼠标在按钮上悬浮时触发,鼠标移开后移除样式

焦点状态 鼠标点击按钮,按钮获得焦点后触发,鼠标移开后样式依然存在,按钮失去焦点后移除样式

0 回复 有任何疑惑可以回复我~
#1

livelove 提问者

非常感谢!
2016-04-18 回复 有任何疑惑可以回复我~

正确写法应该是这样的<button class="btn btn-link active" type="button">链接按钮.btn-link</button>

没有冒号的

0 回复 有任何疑惑可以回复我~
#1

livelove 提问者

谢谢,但是我不明白悬浮状态和焦点状态是什么样,感觉没有变化呀?
2016-03-23 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

变化到底是什么意思?、?有什么变化

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信