風格textarea內容與使用JavaScript的任何其他元素相同的風格？

我想動態插入textareas到我的網站的不同部分，並在textarea文本的樣式匹配該元素中的正常文本的樣式。有沒有可能用JavaScript做到這一點？我想也許我可以遍歷所有obj.style屬性，並將它們應用到textarea。風格textarea內容與使用JavaScript的任何其他元素相同的風格？

例如，在textarea的stackoverflow中使用的字體是10px（？）單間隔字體，而最終的內容文本看起來像14px Arial。

來源

2011-04-01 Xeoncross

要做到這一點的最好方法是通過CSS類。要麼改變所有文字區域的風格textarea { /* CSS */ }或使用一類特殊的他們像textarea.dynamicallyInserted { /* CSS */ }與<textarea class="dynamicallyInserted"></textarea>

來源

2011-04-01 16:20:47 tvkanters

但是由於textareas被插入隨機元素 - 我不知道該元素的樣式是什麼。 – Xeoncross 2011-04-01 16:25:04

我不確定我是否正確理解了你，但是如果你希望你的樣式使用與其父類樣式相同的樣式，請嘗試使用'font-family：inherit;'例如。 – tvkanters 2011-04-01 16:27:36

+1啊，這可能工作！假設瀏覽器會正確處理它，我可以將每種樣式都設置爲繼承。我只需要猜測哪些樣式需要被繼承。 – Xeoncross 2011-04-01 16:29:31

使用jQuery，您可以根據需要列舉許多CSS屬性和設置他們要添加的元素：

function addTextArea(targetId) { 
    $('#' + targetId).add('textarea') 
     .css('font-family', $('#' + targetId).css('font-family')) 
     .css('font-size', $('#' + targetId).css('font-size')); //etc... 
}

來源

2011-04-01 16:25:33 lukiffer

風格textarea內容與使用JavaScript的任何其他元素相同的風格？

回答

相關問題