Override CSS text-transform
Solution 1
Probably better to create a class that doesn't have any text-transform.
.normal {
text-transform: none;
}
<div class="taxtabs">
... <span class="normal">this text is not uppercase</span> ...
</div>
Solution 2
Create a class for whatever elements you don't want capped and put text-transform: none !important;
in it. I don't know your layout, so I put !important
for good measure (for example if your element had both texttabs
and override
classes).
.override {
text-transform: none !important;
}
Solution 3
Not sure what you wanna to do
if you only want to make some text to be lowercase
you just have to add a new class on it or inherit above css
from
<label class="taxtabs">text</label>
to
<label class="taxtabs lower">text</label>
<style>.taxtabs.lower{text-transform: lowercase;}</style>
Solution 4
Maybe add a new class called lowercase
to selected .textabs
so you can define something like this:
.textabs.lowercase { text-transform: lowercase; }
![DanielAttard](https://i.stack.imgur.com/gh8dR.png?s=256&g=1)
DanielAttard
I am a tax lawyer by training, but I am more interested in learning how to code.
Updated on July 05, 2022Comments
-
DanielAttard almost 2 years
I am using the following CSS which transforms all text to uppercase:
.taxtabs { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: .8em; width: inherit; text-align:center; text-transform: uppercase; border-collapse: collapse; }
Now what I would like to do is to override this CSS and allow certain text to be lowercase. How would I do that? Perhaps using some kind of inline CSS? Thanks.