Je voudrais que je voudrais colorer l'arrière-plan d'un texte, mais seulement à sa taille.
Les images sont meilleures que mille mots, voici ce que j'essaie d'atteindre: p>
p>
Et c'est ce que je réussis p>
p>
Je ne veux pas faire cela par programme, je voudrais L'arrière-plan pour s'adapter au texte (car il peut être dynamique) p>
est là quand même le faire sans utiliser JavaScript? P>
Mise à jour (HTML): P>
.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;
}
3 Réponses :
Vous devez appliquer la couleur d'arrière-plan à un élément en ligne. Si le texte est dans un élément de bloc, vous devez envelopper le texte dans un enfant en ligne de l'élément de bloc (en supposant qu'il n'est pas possible de mettre Affichage: Inline sur l'élément de bloc). Et si vous ne pouvez pas modifier le HTML, vous devrez le faire dans un script.
Merci @boltclock, je devais modifier le CSS un peu mais semble bon.
Utilisez la propriété si vous avez des éléments en ligne tels que un arrière-plan pour définir une couleur d'arrière-plan. Pour par exemple, vous pouvez ajouter Affichage: Bloc aux styles si vous souhaitez définir une hauteur et une largeur sur l'élément. De plus, vous pouvez également définir un rembourrage sur l'élément si vous souhaitez contrôler la zone d'espacement autour du texte pour donner à votre texte une salle de respiration.
Malheureusement, l'ajout Affichage: bloc fait que la couleur d'arrière-plan prend l'étendue horizontale complète du bloc plutôt que de la taille du texte et de son rembourrage.
Vous pouvez envelopper votre texte dans une plage comme ceci: puis, en fonction de votre CSS actuel, vous pouvez le styler comme ceci: p> .highlight{
background-color: blue;
}
Si seulement il y avait une propriété CSS Afficher la propriété qui fournirait ceci hors de la boîte! Il supprimerait la nécessité d'ajouter une balise inutile. Apportez sur Affichage: Compact-Block !!!
Pouvez-vous inclure votre HTML - à l'aide de la couleur d'arrière-plan dans CSS remplira l'élément contenant
Cela semble être que votre span / étiquette / élément a une largeur fixe associée à celle-ci. À quoi ressemble votre balisage / CSS?
Pouvez-vous donner un échantillon du HTML entourant le texte que vous souhaitez ajouter le style?