更改BootStrap popover的默认样式
程序员文章站
2023-12-02 12:38:52
BootStrap popover弹出框默认样式,需修改弹出框样式可在CSS中自定义要修改的样式,例如:padding改为6px,背景颜色修改为黑色,字体颜色修改为白色 ......
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 }