CSS Text hightlight without space

Question

嘿，我想知道是否有可能在CSS（或可能是JavaScript）突出顯示文字隻影響字？ （沒有空間之間的中）

例如所看到本網站loungelizard.com

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

迄今這只是改變整個文本選定的顏色

Answer 1

也許是這樣的：

p::selection { 
 
    background-color: transparent; 
 
    color: red; 
 
} 
 

 
div { 
 
    color: white; 
 
    background: blue; 
 
}

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

Answer 2

我不知道你到底在說什麼，但我認爲它是邊界。

CSS的邊框是這樣的：

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

，或者如果你想要的字體顏色

p{ 
color:red; 
} 

Answer 3

從他們的網站的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 4

你的意思是這樣的：

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

我相信這是你在找什麼