1. 程式人生 > >更改BootStrap popover的默認樣式

更改BootStrap popover的默認樣式

idt padding add font z-index 彈出框 spa 更改 css

 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的默認樣式