Question

我有一个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;
}

Answer 1

在textarea标签之间提供空间通常会导致这种不受欢迎的空白区域。尝试没有空间可以解决问题的代码。 <textarea></textarea>

Answer 2

我认为使用

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

应该解决你的问题。

Answer 3

您的语法不正确。您可能不会包含值为textarea的type属性，而是“roy”建议您必须使用<textarea></textarea>标记

HTML Textarea - 光标从textarea的中心开始而不是顶部

3 个答案: