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

目的の外観を得るには、インライン要素を使用する必要があります。これは、テキストが終了する場所で背景を停止する方法だからです。spanブロック要素を必要とする両端揃えテキストも必要なので、次の 2 つの要素が必要divですp。

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

span要素に背景を設定しただけです：

.CCC { background: red; color: yellow }

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;
}

5 に答える 5