how do I avoid my placeholder to be in uppercase in Internet Explorer 9

Question

So I added this css to my input box

text-transform: uppercase

So that it would automatically uppercase all my inputs. But my problem is when using Internet Explorer, it also automatically converts the placeholder in my input box as uppercase. I do not experience this in google chrome,firefox or safari. How can I avoid it not too automatically convert in IE9?

Answer 1

try:

/* Internet Explorer 10+ */
.form-control:-ms-input-placeholder {
  text-transform:none;
}

Answer 2

try Like this

<asp:TextBox ID="TextBox1" AutoPostBack="true" runat="server" 
    ontextchanged="TextBox1_TextChanged"></asp:TextBox>

protected void TextBox1_TextChanged(object sender, EventArgs e)
{
    TextBox1.Text = TextBox1.Text.ToUpper();
}