影響頁面樣式的jQuery UI模式框

Question

我正在使用jQuery UI的模式框來預覽一些添加到文本區域的html內容。我在textarea中爲html添加了一些樣式，關閉框後它影響我的頁面樣式。我的意思是如果有任何匹配的元素，就應用這些樣式。我怎樣才能防止這一點？

我使用下面的代碼顯示模式對話框

$("#preview_button").click(function() { 
    $('#preview').dialog({ modal: true, autoOpen: false,width:960,height:400,dialogClass:'dialog_style1',title: "Email Content Preview"}); 
    $("#preview").dialog("option", "buttons", [ { text: "Ok", click: function() { $(this).dialog("close"); } } ]); 
    $('#preview').html($('#email_content').val()); 
    $('#preview').dialog('open'); 
}); 

這裏是JS filddle

http://jsfiddle.net/7as4f/6/