變化jQuery UI的組合框字體

如何更改jQuery UI的組合框裏面的字體和下拉列表我的代碼是：變化jQuery UI的組合框字體

.ui-autocomplete-input { 
       margin: 0; 
       padding: 0.3em; 
       font-family:"Times New Roman", Times, serif; 
      } 
      .ui-autocomplete 
      { 
       font-family:"Times New Roman", Times, serif; 
       max-height: 200px; 
       overflow-y: auto; 
       /* prevent horizontal scrollbar */ 
       overflow-x: hidden; 
       /* add padding to account for vertical scrollbar */ 
       z-index:1000; 
      }

但沒有什麼變化，我不知道哪裏是錯誤

來源

2012-07-27 Ahmed Kato

試試這個：

.ui-menu .ui-menu-item { 
    font-family:"Times New Roman", Times, serif; 
}

來源

2012-07-27 14:54:15 SomeoneS

它的工作，但同樣的錯誤是線程http://stackoverflow.com/questions/11689144/arabic-characters-are-displayed-separately-in-google-chrome 如果你能幫助我，你知道很多jQuery的用戶界面將被格子 – 2012-07-27 15:40:34

嘗試：.ui-widget {font-family：「Times New Roman」，Times，serif;} – SomeoneS 2012-07-27 15:44:21

不幸的是它沒有工作：S謝謝你的幫助和你的嘗試：D – 2012-07-28 11:55:26

它會被其他一些CSS覆蓋。您可以使用this來主題化您的jQuery UI。

來源

2012-07-27 14:52:17 prasann

如果你想改變你的jQuery UI的樣子，你應該使用由開發商提供的工具 - themeroller。即使您找到了設置字體的方法，但您可能沒有完全意識到主題設置及其評估方式，這意味着有時候您可能會得到正確的行爲，而其他時候則不會。

話雖這麼說，如果你添加!important到CSS設置它的結束會覆蓋其他樣式：

font-family:"Times New Roman", Times, serif !important;

但你可能不應該這樣做。

來源

2012-07-27 14:54:26

變化jQuery UI的組合框字體

回答

相關問題