ホームページ > ウェブフロントエンド > jsチュートリアル > BootStrap ポップオーバーのデフォルトのスタイルを変更するにはどうすればよいですか? (コード)

BootStrap ポップオーバーのデフォルトのスタイルを変更するにはどうすればよいですか? (コード)

不言
リリース: 2018-09-14 17:38:03
オリジナル
2508 人が閲覧しました

この記事では、BootStrap ポップオーバーのデフォルトのスタイルを変更する方法を説明します。 (コード)、それは特定の参考値を必要としている友人がそれを参照できることを願っています。

.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 ポップオーバー ポップアップ ボックスのデフォルト スタイル。ポップアップ ボックスのスタイルを変更する必要がある場合は、CSS でスタイルをカスタマイズできます。たとえば、パディングを 6 ピクセルに変更し、背景色を 6 ピクセルに変更します。黒に変更され、フォントの色が白に変更されます

1 .popover{
2     padding:6px;
3     background-color:#000;
4     color:#fff;
5 }
ログイン後にコピー

関連推奨事項:

CSS を使用してスクロール バーのデフォルト スタイルを変更する方法のコード例

ドロップダウン リストを変更するための css デフォルト スタイルの選択の例

以上がBootStrap ポップオーバーのデフォルトのスタイルを変更するにはどうすればよいですか? (コード)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート