如何修改BootStrap popover的默认样式?(代码)
程序员文章站
2022-04-05 09:33:05
...
本篇文章给大家带来的内容是关于如何修改BootStrap popover的默认样式?(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: left; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); }
BootStrap popover弹出框默认样式,需修改弹出框样式可在CSS中自定义要修改的样式,例如:padding改为6px,背景颜色修改为黑色,字体颜色修改为白色
1 .popover{ 2 padding:6px; 3 background-color:#000; 4 color:#fff; 5 }
相关推荐:
以上就是如何修改BootStrap popover的默认样式?(代码)的详细内容,更多请关注其它相关文章!
上一篇: Hibernate配置文件中配置各种数据库的driver、URL
下一篇: mysql支持存储过程吗
推荐阅读
-
更改BootStrap popover的默认样式
-
修改 bootstrap table 默认detailRow样式的实例代码
-
微信小程序修改swiper默认指示器样式的实例代码
-
如何修改浏览器的默认滚动条样式
-
修改 bootstrap table 默认detailRow样式的实例代码
-
bootstrap如何修改默认样式_html/css_WEB-ITnose
-
修改file按钮的默认样式实现代码_javascript技巧
-
微信小程序修改swiper默认指示器样式的实例代码
-
bootstrap如何修改默认样式_html/css_WEB-ITnose
-
修改file按钮的默认样式实现代码_javascript技巧