<div >{{'SaveTitle' | translate}}({{row.box.length}})
</div>
.btn-save {
text-decoration: underline;
}
I have above code.. The result of it is: Save(3) with underline for whole but I need underline just for save and I dont want to have underline for (3). would you please help?
CodePudding user response:
Use a span
(or other HTML tag) to apply styles more specifically.
<div >
<span >{{'SaveTitle' | translate}}</span>
<span>({{row.box.length}})</span>
</div>
.my-underline {
text-decoration: underline;
}
CodePudding user response:
You can accomplish what you need by defining a tag such as span
and then using that attribute in the HTML like so by changing its properties:
css
span {
text-decoration: underline;
}
html
<div > <span>{{'SaveTitle' | translate}}</span>({{row.box.length}})
</div>
CodePudding user response:
enclose the text you want to underline inside a span tag and desribe it to be underlined.