6

我有一个呈现 textarea 字段的 HTML 模板和 CSS,但是当单击该字段时,光标从文本区域的一半开始,而不是从左上角开始。

这在 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;
}
4

3 回答 3

18

在 textarea 标记之间提供空格通常会导致出现这种不受欢迎的空格。试试没有空格的代码就可以了。 <textarea></textarea>

于 2012-11-28T18:24:13.540 回答
9

我认为使用

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

应该可以解决您的问题。

于 2011-08-13T12:40:53.910 回答
4

你的语法不正确。您可能不包含值为 textarea 的类型属性,而是作为“roy”建议您必须使用<textarea></textarea>标签

于 2011-08-13T13:58:18.167 回答