You're dealing with percentages. 0.62% and then 0.75em is going to make for a pretty tiny font.

If you want a specific size you need to use concrete sizes of your fonts not relative sizes.


+++ Rick ---


>I am sure that again I am hitting the lack of some basic understanding of CSS. So please help me understand.
>
>I want to include Bootstrap.css in one of the pages but BEFORE my own .CSS. So that my .CSS would take precedence.
>
>For example, in MY.CSS I have a class .FieldWR that set the size of the font of asp:textbox to .75em. And it works when I don't include Bootstrap.css at all. When I add the Boostrap styles in the .ASPX file, before MY.CSS the font size of the text boxes is smaller than what I want. When I look in the Chrome Developer Tools I see the following:
>
>

>
>.FieldWR { My.css: ###
>   font-size: 0.75em;
>   font-weight: normal:
>}
>
>html {    bootstrap.min.css: ###
>   font-size: 62.5%
>   -webkit-tap-hightlight-color: rgba(0,0,0,0);
>}
>
>

>
>So it looks from the above the bootstrap HTML overrides my class. Why?