CSS背景颜色仅文本对齐

Question

我只想设置对齐文本的背景颜色（例如用鼠标选择文本时）

我已经尝试过div ，

或span在div ，

或p没有margin ，

或h1内联显示

但是这些解决方案中没有一个解决了我的问题。

我的意思不是 ::selection伪，而是始终显示的文本背景

我正是想要这样的：

请帮忙

小提琴

Answer 1

你可以试试这个

HTML

<div class="CC ">
    <div class="bg">Lorem ipsum dolor sit amet</div>
</div>

CSS

.bg {
    background-color:red;
    display:inline;
    padding: 1px 0
}

Answer 2

将background属性设置为您想要的任何颜色。

更新了JSFiddle。

Answer 3

您可以尝试这样： DEMO

HTML：

  <div class="CC ">
        <div class="bg">Lorem ipsum dolor sit amet
</div></div>

CSS：

.bg {
    background-color:red;
    display:inline;
}

Answer 4

所需的外观需要使用内联元素，因为这是在文本结束处停止背景的方式。 由于还需要对齐文本，因此需要一个block元素，因此需要两个元素： span ，包含div或p嵌套的所有块文本：

<div class="CC"><span class="CCC">Lorem ipsum ... in futurum.</span></div>

您只需在span元素上设置背景：

.CCC { background: red; color: yellow }

Answer 5

你可以这样给

::selection {
    background: #ffb7b7; /* Safari */
    }
::-moz-selection {
    background: #ffb7b7; /* Firefox */
}

要么

p::selection {
    background: #ffb7b7; /* Safari */
    }