Question

嘿，我想知道在突出文字只影响单词时css（或者javascript）是否可能？（没有空间之间）

所示

#somediv::selection{background: #ffb7b7;}

到目前为止，这只会改变整个文本选择的颜色

Answer 1

来自其网站的CSS：

::-moz-selection {
    background-color: #fff;
    color: #111;
}
::selection {
    background-color: #fff;
    color: #ff7264;
}
::-moz-selection {
    background-color: #fff;
    color: #ff7264;
}

<p>This is text and I love bacon</p>

不同之处在于设置背景颜色。

Answer 2

可能是这样的：

p::selection {
  background-color: transparent;
  color: red;
}

div {
  color: white;
  background: blue;
}

<div>
  <p>Some great text.</p>
</div>

Answer 3

你的意思是这样的：

<p>
<span style="background:blue">Bacon</span> <span style="background:blue">is</span> <span style="background:blue">Awesome</span>
</p>

我相信这就是你要找的东西

Answer 4

我不知道你到底在说什么，但我认为这是边界。

边界的css是这样的：

     p{
margin-right: 20px;
border: 2px solid ##F89B29;">
}

或者如果你想要字体颜色

，你可以这样做

    p{
color:red;
}

没有空格的CSS Text hightlight

4 个答案: