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替换textarea。用法（在加载时运行）：

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);
}

小提琴：http://jsfiddle.net/7bTNH/

试图让<textarea>模仿一个＆lt; div＆gt; </textarea>

1 个答案: