如何使用CSS突出显示所选文本?

时间:2018-07-04 12:22:01

标签: css styles

如何突出显示选中的文本(例如按钮),例如应该突出显示我想使用CSS在屏幕上显示

enter image description here

任何人都可以帮助我解决问题或链接以共享任何信息。

3 个答案:

答案 0 :(得分:1)

这是您可以使用CSS突出显示html中的文本的方法。当您拖动文字时,文字将突出显示

BGSAVE

答案 1 :(得分:0)

.selected-text{
  background:#fff;
  color :#000;
  display:inline-block;
  text-transform:uppercase;
  padding :3px
  font-size:18px;
  font-weight:800;
}

HTML

<span class="selected-text">en</span>

答案 2 :(得分:0)

尝试这个

h1::selection, h2::selection {
  background: #000000;
  color: #ffffff;
}
p::selection {
  padding: 5px 10px;
  background: red;
  color: #ffffff;
}
<h1>Example of heading one</h1>
<br>
<h2>Heading two</h2>
<br>
<p>this is the content section<p/p>