刪除contenteditable div的內容，添加奇怪的字體元素

Question

我有一個contenteditable div的問題。

的DIV開始用一種風格的跨度，但是當我刪除的內容，寫出現一個新元素的字體，用相同的字體，但與大小轉換，24〜5

問題是什麼？我如何設置跨度？

我打一個比方，看到控制檯日誌，當你刪除所有從內容編輯，寫...

http://jsfiddle.net/bVvxp/

<div contenteditable="true" id="test"> 
     <span style="font-family:Arial;font-size:24px;">Hello!!!</span> 
</div> 

附： 對不起我的不好的學校英語，並感謝所有！

Answer 1

您可以簡單地將字體屬性設置爲跨度的父元素（在您的情況下#test）。 如果這樣做，則不必在跨度中指定字體屬性;他們只會被遺傳。 如果你想單獨指定特定的子元素就像在你#TEST DIV所以只是在你的提琴改變這個CSS規則

#test{width:300px; height:200px; background-color:black; color:white;} 

到

#test{width:300px; height:200px; background-color:black; color:white; font-family:Arial;font-size:24px;} 

，您可以添加這樣的CSS line：

#test span {font-family:Arial;font-size:24px;} 

編輯：你的問題發生的原因：當你刪除'你好!!!'從#test中，跨度也被刪除，刪除所有字體樣式。這就是爲什麼你必須將字體樣式放在#test上。我重新編輯了小提琴，你會看到每當你彈出#test的時候，你的字體大小都保持不變; #test沒有子元素。 http://jsfiddle.net/bVvxp/4/