css - 仅文本的 css 背景颜色对齐

Question

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

我试过了div，

或span在里面div，

或p没有margin，

或h1显示内联，

但这些解决方案都没有解决我的问题。

我不是说::selection伪，而是总是显示的文本背景

我想要这个：

在此处输入图像描述

请帮忙

score 1 · Accepted Answer

你可以试试这个

HTML

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

CSS

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

score 0 · Accepted Answer

0

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

于 2014-07-08T06:06:38.800 回答

score 0 · Accepted Answer

你可以这样尝试：DEMO

HTML：

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

CSS：

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

score 0 · Accepted Answer

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

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

span您刚刚在元素上设置了背景：

.CCC { background: red; color: yellow }

score -1 · Accepted Answer

你可以这样给

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

或者

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

5 回答 5