无法更改工具提示的背景颜色

时间:2019-02-19 11:08:37

标签: twitter-bootstrap

我的页面上有一个工具提示。但是我不给工具提示任何CSS。默认情况下,它显示为灰色。我尝试更改它,但没有效果。

<select formControlName="age">

enter image description here

1 个答案:

答案 0 :(得分:0)

尝试一下:

$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})
.container {
  margin: 25px;
}

.tooltip.bs-tooltip-bottom .arrow::before {
  border-bottom-color: tomato;
}

.tooltip.bs-tooltip-bottom .tooltip-inner {
  background-color: tomato;
}
<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">


<div class="container">
  <a href="#" data-toggle="tooltip" title="Some tooltip text!" class="customized-tooltip">Hover over me</a>
</div>


<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"></script>
<script type="text/javascript" src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>