影响页面样式的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/