码迷,mamicode.com
首页 > 其他好文 > 详细

更改BootStrap popover的默认样式

时间:2018-09-13 14:02:45      阅读:243      评论:0      收藏:0      [点我收藏+]

标签:abs   z-index   bootstra   字体   css   ali   order   pac   span   

 1 .popover {
 2     position: absolute;
 3     top: 0;
 4     left: 0;
 5     z-index: 1060;
 6     display: none;
 7     max-width: 276px;
 8     padding: 1px;
 9     font-size: 14px;
10     font-weight: 400;
11     line-height: 1.42857143;
12     text-align: left;
13     white-space: normal;
14     background-color: #fff;
15     -webkit-background-clip: padding-box;
16     background-clip: padding-box;
17     border: 1px solid #ccc;
18     border: 1px solid rgba(0,0,0,.2);
19     border-radius: 6px;
20     -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
21     box-shadow: 0 5px 10px rgba(0,0,0,.2);
22 }

BootStrap popover弹出框默认样式,需修改弹出框样式可在CSS中自定义要修改的样式,例如:padding改为6px,背景颜色修改为黑色,字体颜色修改为白色

1 .popover{
2     padding:6px;
3     background-color:#000;
4     color:#fff;
5 }

 

更改BootStrap popover的默认样式

标签:abs   z-index   bootstra   字体   css   ali   order   pac   span   

原文地址:https://www.cnblogs.com/sumyn/p/9639705.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!