0

私はこれを短くて甘いものにします。Bootstrap UI 内に表示されるツールチップをデバッグするために JavaScript/HTML をオンザフライでフリーズする方法は知りませんが、デフォルトの「黒」の基本色の大部分を追跡して変更することができました。ただし、ここで構築したツールチップの上部の「矢印」を変更するコードがどこにあるのかを追跡することはできません: http://jsfiddle.net/jodriscoll/xPCST/。

/* override the tooltip color theme */
.tooltip-inner,
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow,
.tooltip.right .tooltip-arrow,
.tooltip.left .tooltip-arrow
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
    background-color: rgb(220,40,30);
    border-color: rgb(220,40,30);
}

このコードがどこにあるのか、またはページの下部に向かって作成されているコンテナをターゲットにできるようにページで JavaScript を一時停止する方法を誰かが教えてくれれば、私はそれを大いに感謝します :)

4

1 に答える 1

1

ブートストラップcssで次を変更する必要があります

.tooltip-arrow {
    border-bottom-color: #000;
}

または、独自のカスタム css でこれを上書きすることもできます

jsfiddle を参照してください - http://jsfiddle.net/xPCST/12/

于 2013-11-13T14:00:31.603 に答える