TA貢獻(xiàn)1820條經(jīng)驗(yàn) 獲得超9個(gè)贊
我建議這樣做是為了配合Chrome的樣式（從Jarish的示例擴(kuò)展而來）。請(qǐng)注意游標(biāo)屬性，先前的答案已被省略。
cursor: text;
border: 1px solid #ccc;
font: medium -moz-fixed;
font: -webkit-small-control;
height: 200px;
overflow: auto;
padding: 2px;
resize: both;
-moz-box-shadow: inset 0px 1px 2px #ccc;
-webkit-box-shadow: inset 0px 1px 2px #ccc;
box-shadow: inset 0px 1px 2px #ccc;
TA貢獻(xiàn)1865條經(jīng)驗(yàn) 獲得超7個(gè)贊
所有這些的問題是，如果文本行太長且比div溢出要寬得多，它們將無法解決：auto不會(huì)顯示滾動(dòng)條正常工作。這是我找到的完美解決方案：
創(chuàng)建兩個(gè)div。一個(gè)內(nèi)部div，其寬度足以處理最寬的文本行，然后是一個(gè)較小的外部div，它作用于內(nèi)部div的保持器：
<div style="border:2px inset #AAA;cursor:text;height:120px;overflow:auto;width:500px;">
<div style="width:800px;">
now really long text like this can be put in the text area and it will really <br/>
look and act more like a real text area bla bla bla <br/>
</div>
</div>
舉報(bào)