首頁 > web前端 > js教程 > 如何修改BootStrap popover的預設樣式? (代碼)

如何修改BootStrap popover的預設樣式? (代碼)

不言
發布: 2018-09-14 17:38:03
原創
2535 人瀏覽過

這篇文章帶給大家的內容是關於如何修改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 }
登入後複製

相關建議:

 如何使用css修改捲軸預設樣式的程式碼實例

##css修改下拉列表select預設樣式的實例

以上是如何修改BootStrap popover的預設樣式? (代碼)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板