2011-08-13 55 views
5

我有一個呈現textarea字段的HTML模板和CSS,但是當在字段中單擊時,光標從文本區域的一半開始,而不是從頂部開始按照我的預期離開。HTML Textarea - 從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; 
} 
+2

輸入元素沒有類型「textarea」,而是一個textarea元素。 –

回答

8

我認爲使用

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

應該解決您的問題。

+0

Doh!感謝您指出,漫長的一天;) – Ben

4

您的語法不正確。您可能不會包含textarea值的類型屬性,而應該使用「roy」暗示您必須使用<textarea></textarea>標記

15

在textarea標記之間提供空格通常會導致此類不需要的空白空間。嘗試使用沒有空格的代碼會做的伎倆。 <textarea></textarea>