html - 试图让 &lt;textarea&gt; 模仿 <div>

Question

目前我分别为 HTML 和 CSS 设置了这个:.....我将如何使用 <div> 构造看起来相同的 CSS 和 html .我创建的那个有水平滚动，看起来很疯狂。

<textarea class="textarea_readonly" readonly="readonly" name="mcRemarkOld" rows="7" cols="100" scrolling="auto"></textarea>

---

.textarea_readonly
{
    background-color: #DDDDD0;
    margin: 0px;
    width: 100%;
}

Answer 1

与其尝试模仿 div，不如使用 JavaScript 替换文本区域。用法(负载运行):

var textarea = document.getElementsByName("mcRemarkOld")[0];
turnTextAreaIntoDiv(textarea);

function turnTextAreaIntoDiv(elem){
    var div = document.createElement("div");
    // Copy significant attributes, customize.
    div.className = elem.className;
    div.style.cssText = elem.style.cssText;
    div.id = elem.id;
    div.name = elem.name;
    div.innerHTML = elem.innerHTML; //`<a>` turns in  &lt;a&gt;
    elem.parentNode.replaceChild(div, elem);
}

fiddle :http://jsfiddle.net/7bTNH/