在鉻中Textarea只顯示一行

嗨我有一個文本區域的形式的意見。問題是我的代碼下面應該產生一個3行高的文本框，但是當它在Chrome中顯示時，它只能顯示爲一行，任何人都可以建議我做錯了嗎？在鉻中Textarea只顯示一行

<tr>  
    <td >&nbsp;</td> 
    <td ><strong>Approver Comments</strong></td> 
    <td colspan="3" > 
    <textarea name="approvecom" cols="100" rows="5" autocomplete="OFF"></textarea> 
    </td> 
    <td >&nbsp;</td> 
</tr>

來源

2010-08-22 Mick

代碼你給顯示5行不是3，我可以看到正確的鉻。你可以給我們更多的代碼或更好的jsbin.com上的實例嗎？ – Sotiris 2010-08-22 14:38:33

嘗試使用高度和寬度CSS定義來定義textarea的邊界。

<textarea style="height:100px; width:300px;"></textarea>

來源

2010-08-22 14:37:48

cols和rows屬性有textarea這個原因，爲什麼用css定義一些東西？只是想知道:) – Sotiris 2010-08-22 14:42:40

感謝彌敦道它工作正常。但爲什麼行和列沒有？ – Mick 2010-08-22 14:53:24

儘管CSS的高度/寬度起作用，但我同意@Sotiris定義行和列也起作用。也就是說，使用CSS方法的一個優點是可以從外部控制文本框，而使用HTML屬性僅限於內聯更改。 – 2010-08-22 15:00:32

-1

我與使用jQuery一個動態的解決方案去：

$("textarea").each(function(){ 
    var rows = $(this).attr('rows'); 
    var newHeight = rows * 30; 
    $(this).css({ 
    "height": newHeight + 'px' 
    }); 
});

來源

2015-11-09 02:28:58 fireinspace

在鉻中Textarea只顯示一行

回答

相關問題