Semantic-UI“no javascript”工具提示：我们可以将部分文本放入粗体吗？

I'm using "no javascript" Tooltips (see "Tooltip" here: https://semantic-ui.com/modules/popup.html#tooltip ).

我正在使用“没有javascript”工具提示（请参阅此处的“工具提示”：https：//semantic-ui.com/modules/popup.html#tooltip）。

What's the quickest way to put part of the text in bold?

将部分文本以粗体显示的最快捷方式是什么？

I tried this but it does not work:

我试过这个，但它不起作用：

<div class="ui button" data-tooltip="Add users to your <strong>feed</strong>" data-position="top left">
  Top Left
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.css" integrity="sha256-/Z28yXtfBv/6/alw+yZuODgTbKZm86IKbPE/5kjO/xY=" crossorigin="anonymous" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.js" integrity="sha256-Bhi6GMQ/72uYZcJXCJ2LToOIcN3+Cx47AZnq/Bw1f7A=" crossorigin="anonymous"></script>

<span>
<div class="ui button" data-tooltip="Add users to your <strong>feed</strong>" data-position="bottom left">
      Bottom Left
    </div> </span>

1 个解决方案

#1

take a look at https://semantic-ui.com/modules/popup.html#tooltip under Flow you can use that to give an identical appearance but different approach it might work for you.

看看在Flow下的https://semantic-ui.com/modules/popup.html#tooltip，您可以使用它来提供相同的外观，但它可能适合您。

I believe the tool-tip will render it as pure text and will not allow html values.

我相信工具提示会将其呈现为纯文本，并且不允许使用html值。

hope this helps, you can adapt it to your needs and remove columns you don't need and apply other styles etc..

希望这会有所帮助，您可以根据自己的需要进行调整，删除不需要的列并应用其他样式等。

<div class="ui button">Show flowing popup</div>
<div class="ui flowing popup top left transition hidden">
  <div class="ui three column divided center aligned grid">
    <div class="column">
      <h4 class="ui header">Basic Plan</h4>
      <p><b>2</b> projects, $10 a month</p>
      <div class="ui button">Choose</div>
    </div>
    <div class="column">
      <h4 class="ui header">Business Plan</h4>
      <p><b>5</b> projects, $20 a month</p>
      <div class="ui button">Choose</div>
    </div>
    <div class="column">
      <h4 class="ui header">Premium Plan</h4>
      <p><b>8</b> projects, $25 a month</p>
      <div class="ui button">Choose</div>
    </div>
  </div>
</div>

#1