HTML Textarea - курсор, начинающийся с центра текстовой области, а не сверху - PullRequest
5 голосов
/ 13 августа 2011

У меня есть шаблон HTML и CSS, который отображает поле textarea, однако при щелчке по полю курсор начинается на полпути вниз по текстовой области, а не с левого верхнего угла, как я ожидал.

Это не происходит в IE, но происходит в Chrome и FF.Я также получаю список предыдущих введенных значений, перечисленных ниже, в котором предполагается, что применяются стили текстового поля.

Может кто-нибудь посоветовать, какие свойства CSS мне следует изменить?

Вот HTML:

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

Вот свойства, назначаемые текстовой области:

.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;
}

Ответы [ 3 ]

15 голосов
/ 28 ноября 2012

Предоставление пробела между тегами textarea обычно приводит к таким нежелательным пробелам. Попробуйте код без пробелов, которые бы сработали.<textarea></textarea>

8 голосов
/ 13 августа 2011

Я думаю, что использование

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

должно решить вашу проблему.

4 голосов
/ 13 августа 2011

Ваш синтаксис неверный.Вы не можете включать атрибут type со значением textarea, вместо этого, как «roy» предложил использовать <textarea></textarea> tag

...