0

我正在尝试在Bootstrap 4中设置 abbr 标签的标题。但是我遇到了麻烦，因为我找不到如何覆盖bootstrap.css.

目前，我正在这样做，但工具提示没有改变：

abbr[title]::after {
  /* content: " (" attr(title) ")"; */
  background-color: indigo;
  color: white;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>

<p>
  Pre-mRNA comprises the bulk of <abbr title="heterogeneous nuclear RNA" class="text-info font-italic">hnRNA</abbr>.
</p>

这可以解决吗？谢谢。

4

2 回答 2

0 

abbr:hover::after {
  content: attr(title);
  background-color: indigo;
  color: white;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>

<p>
  Pre-mRNA comprises the bulk of <abbr title="heterogeneous nuclear RNA" class="text-info font-italic">hnRNA</abbr>.
</p>

于 2019-01-24T03:13:57.837 回答
0

smugglerFlynn的这个答案将有助于覆盖并将教您 css 优先级点值。

https://stackoverflow.com/a/27704409/9996381

标识你的身体标签<body id="bs-override">

查询您无法覆盖的任何内容#bs-override selector

还要确保在所有其他 .css 文件之后调用您的 custom.css。

于 2019-01-24T03:56:45.513 回答