2011-08-13 26 views
5

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; 
} 
+2

No hay ningún tipo "textarea" para el elemento de entrada, sino un elemento textarea. –

Respuesta

8

Creo que usando

<textarea id="description" class="textarea" name="description" cols="70" rows="50"></textarea> 

debe resolver su problema.

+0

Doh! Gracias por señalarlo, día largo;) – Ben

4

Su sintaxis no es correcta. No puede incluir un atributo de tipo con un valor de textarea, en su lugar como "roy" sugirió que debe usar <textarea></textarea> etiqueta

15

Proporcionar espacio entre las etiquetas textarea generalmente da como resultado espacios blancos indeseables. Pruebe el código sin espacios que Haría el truco. <textarea></textarea>