我只是为Web应用程序编写一个javascript UI对话框.问题是用户可以为Web应用程序创建自己的主题,其中可能包括元素css选择器(h1 {…},div {…}等),它们会覆盖UI对话框的css格式.该对话框是一个div元素,它在类选择器上格式化(id不起作用,因为此对话框可能出现多次).有没有办法停止影响UI对话框的用户模板样式的元素选择器,而不必使用巨大的css重置样式并对UI对话框的每个样式使用！important？如何在jQuery UI样式的UI库中出现对话框？

例如,用户主题包括：

input {color:nuts; height:bananas; width:crazy; background:morenuts; }

用户界面的CSS：

.ui_modal_wrap input {color:red; border:1px solid black;}

UI的html：