4

ボタンごとにツールチップが有効になっている単一のグループ ボタンがあります。グループの最後のボタンにカーソルを合わせると、ツールチップの位置がずれ、ボタンの境界線が丸くなりません。ツールチップ スタイルがボタン スタイルをオーバーライドしていることはわかっていますが、どこにあるのかわかりません。

デモ:ブートプライ

アップデート：

<a>要素を要素で変更<button>してからカスタム スタイルを使用することで修正されました

ボタン：

<button class="btn btn-small btn-danger" data-toggle="modal" title="Unlink" data-target="#@item.WOWorkPermitID"><i class="icon-resize-full icon-white"></i></button>

CSS:

.btn-group > .btn:last-of-type {
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

デモ --> Bootply

関連記事 -->テーブル内のボタンの Twitter ブートストラップ ツールチップが正しく表示されない

4

2 に答える 2

0

最後の項目はボタンではなく、アンカーです。最初の 2 つの項目のようなボタンに変更してみてください。

于 2013-08-07T11:05:03.233 に答える