也許我錯過了一些東西，但在閱讀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();