问答详情
源自:3-22 按钮状态——活动状态

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

<!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

提问者:livelove 2016-03-23 20:50

个回答

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

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

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

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

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

    没有冒号的