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

来源:3-22 按钮状态——活动状态

livelove

2016-03-23 20:50

<!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://img.mukewang.com/56f290da000130b703650140.jpg

写回答 关注

2回答

  • TWT
    2016-04-17 11:00:44
    已采纳

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

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

    livelo...

    非常感谢!

    2016-04-18 13:52:59

    共 1 条回复 >

  • 大马1840f
    2016-03-23 21:01:34

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

    没有冒号的

    livelo...

    谢谢,但是我不明白悬浮状态和焦点状态是什么样,感觉没有变化呀?

    2016-03-23 21:06:44

    共 1 条回复 >

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314544 学习 · 2275 问题

查看课程

相似问题