CSS:文本大小的背景颜色

前端之家收集整理的这篇文章主要介绍了CSS:文本大小的背景颜色前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想为文本的背景着色,但仅限于它的大小.

图像胜过千言万语,这就是我想要实现的目标:

这就是我所取得的成就

我不想以编程方式执行此操作,我希望背景能够适应文本(因为它可能是动态的)

反正有没有使用javascript这样做?

更新(HTML):

<div class="team-member-teaser-name">OSCAR</div>

CSS

.team-member-teaser-name
{
    color: #4fb4d0;
    background: #135364;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 5px;
    font-size: 10px;
}

更新(已解决,基于@BoldClock答案):

.team-member-teaser-name
{
    color: #4FB4D0;
    background: #135364;
    margin-top: 5px;
    padding-left: 5px;
    font-size: 10px;
    display: inline;
    float: left;
    padding-right: 9px;
    clear: both;
}

我真的不明白它是如何清晰的,但是需要在图像上实现结果.

解决方法

您需要将背景颜色应用于内联元素.如果文本在块元素中,则需要将文本包装在块元素的内联子元素中(假设将display:inline放在块元素上是不可行的).如果您无法编辑HTML,则必须在脚本中执行此操作.
原文链接:https://www.f2er.com/css/215559.html

猜你在找的CSS相关文章