Cursor is the size of input height

Asked

Viewed 66 times

1

I have a form and inside it inputs. THE HTML:

<input type="text" id="nomeForm" name="nomeForm" onblur="if(this.value=='')this.value='Nome';" onfocus="if(this.value=='Nome')this.value='';" value="Nome">

THE CSS

.contatoForm input {
    width: 560px;
    height: 60px;
    line-height: 60px;
    font-family:"OpenSansLight";
    font-size: 15pt;
    color: #20253a;
    margin-bottom: 6px;
    padding-left: 20px;
    background-color: #f7f7f8;
    border-radius: 5px;
}

The problem: The cursor, when you click inside the input, becomes giant, I do not think cool, hehe. This happens in Chrome.

If I use padding-top instead of line-height, is legal, but I don’t know if it would be the best solution.

It has to work on IE8 also.

css

1 answer

2

  • So the line-height: normal does not work in IE8, so I usually inform in px the size.

  • 1

    It was bad. As there was no version limitation in your question, nor did I pay attention to this detail. :)

  • 1

    That, of good, I forgot to inform, was worth the help :D

Browser other questions tagged css

You are not signed in. Login or sign up in order to post.