Tengo una plantilla HTML y CSS que representa un campo de texto, sin embargo al hacer clic en el campo, el cursor comienza desde la mitad del área de texto, no desde arriba a la izquierda como era de esperar.HTML Textarea - cursor comenzando en el centro de textarea en vez de arriba
Esto no ocurre en IE, pero sí en Chrome y FF. También obtengo una lista de los valores anteriores ingresados a continuación, lo que sugiere que se están aplicando los estilos de la caja de texto.
¿Alguien puede aconsejar sobre las propiedades de CSS que debería modificar?
Aquí está el código HTML:
<input id="description" class="textarea" type="textarea" name="description" cols="70" rows="50">
Estas son las propiedades que se asignan al área de texto:
.standardForm .textarea {
bottom: 0;
height: 90px;
left: 0;
margin-bottom: 0.5em;
right: 0;
}
custom.css (line 255)
.standardForm .textbox, .standardForm .textarea, .standardForm .submit, .standardForm .select {
background: none repeat scroll 0 0 White;
border: 1px dotted #AAAAAA;
}
custom.css (line 251)
.standardForm .textbox, .standardForm .textarea, .standardForm .select {
font-size: 12px;
overflow: hidden;
padding: 7px;
resize: none;
width: 90%;
}
custom.css (line 250)
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, button, textarea {
background: none repeat scroll 0 0 transparent;
border: 0 none;
font-size: 100%;
font-weight: normal;
margin: 0;
outline: 0 none;
padding: 0;
text-decoration: none;
vertical-align: baseline;
}
No hay ningún tipo "textarea" para el elemento de entrada, sino un elemento textarea. –