如何解决Bootstrap 3-更改数据容器的工具提示自定义CSS
我使用Bootstrap 3对特定的工具提示有自定义的CSS,为了避免渲染时出现麻烦,我不得不放置data-container="body"
属性。它解决了渲染问题,但是我的CSS不再工作了。我的问题特别是关于使CSS重新工作的正确CSS选择器。
HTML元素是
<i data-toggle="tooltip" title="${item}" data-placement="top" class="custom-tooltip material-icons" data-container="body">insert_comment</i>
我的原始CSS是:
.custom-tooltip + .tooltip > .tooltip-inner {
//My changes
}
我尝试了.custom-tooltip[data-container="body"] + .tooltip > .tooltip-inner
,[data-container="body"].custom-tooltip + .tooltip > .tooltip-inner
,但是没有用。我知道这是一个非常基本的问题,但我遇到了麻烦。我真的很感谢您。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。