Text-transform: uppercase; is not working as expected

Hi Team,

I am trying to apply the headers using CSS and the format used here text-transform: uppercase;. with the below code i was able to apply the upppercase to the headers
Now with this I am generating TOC . The TOC also has the upppercase . But the issues is when header is updated with lower case the header is reflected with uppercase since (Font: ALL CAPS) is selected . Now if the user is going to the TOC and Updating fields the header is is showing in small Case. User is getting confused since the header is in Upper case but TOC is in Lower case it does not reflect the changes



h1.ClassName1
{
font-family:“Arial”;
font-weight: bold;
font-size: 12pt;
color:#FFFFFF;
text-decoration: none;
text-transform: uppercase;
background-color:#006699;
}


Heading 1

Hi there,

Thanks for your inquiry. To ensure a timely and accurate response, please attach the following resources here for testing:

  • Attach your complete input Html
  • Please attach the output Word file that shows the undesired behavior.
  • Please create a standalone Java application (source code without compilation errors) that helps us to reproduce your problem on our end and attach it here for testing.

As soon as you get these pieces of information ready, we'll start investigation into your issue and provide you more information. Thanks for your cooperation.

PS: To attach these resources, please zip them and Click 'Reply' button that will bring you to the 'reply page' and there at the bottom you can include any attachments with that post by clicking the 'Add/Update' button.