Home > Web Front-end > JS Tutorial > How to modify the default style of BootStrap popover? (code)

How to modify the default style of BootStrap popover? (code)

不言
Release: 2018-09-14 17:38:03
Original
2543 people have browsed it

This article brings you how to modify the default style of BootStrap popover? (code), it has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.

.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);
}
Copy after login

The default style of the BootStrap popover popup box. If you need to modify the popup box style, you can customize the style to be modified in CSS, for example: padding is changed to 6px, background color is changed to black, and font color is changed to white

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

Related recommendations:

Code example of how to use css to modify the default style of the scroll bar

css to modify the drop-down list Example of select default style

The above is the detailed content of How to modify the default style of BootStrap popover? (code). For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template