也许我错过了一些东西，但在阅读jQuery UI文档后，我没有看到任何有关将主题样式应用于普通窗口小部件的信息，例如输入和选择标签。在按钮上调用button()并在输入标签上调用datepicker()，我会将正常的textareas和输入放在<div class="ui-widget">中，以给出一致的样式，或给它们一个特定的css类，或者调用文档加载的函数那样式的一切？如何将jQuery UI样式应用于常规表单元素，如输入和选择标签？
jQuery UI主题与您将使用的任何其他CSS文档一样工作。如果在某个特定元素上存在一组样式，则通常只需将定义所需样式的类添加到所讨论的元素中即可。
困难的部分是，根据浏览器的不同，许多表单元素的可造型性程度有很大程度的不同。特别是，Internet Explorer使用本机操作系统表单控件，这些控件从操作系统主题设置中获取默认样式，而Chrome和Firefox等其他浏览器则使用它们自己的表单控件集合，并且拥有自己的默认样式集。
在许多情况下，jQuery UI小部件的作用是隐藏默认的表单元素，然后用更多的样式化元素（如<div> s的结构）替换它们，这些元素可以用来模仿实际的表单元素。这些假结构还附带了javascript事件处理程序，以捕获输入并将其代理回实际的表单元素，并将其呈现在其内部。
所以，简而言之，将jQuery UI样式应用于表单元素有时可以像应用主题类一样简单，或者有时会像不得不模仿实际的表单元素一样痛苦。这一切都取决于您的目标浏览器和您想要应用的样式。
一些使用Jquery的例子。
$("input:text").addClass("ui-corner-all");
$("#Submit").button();