jquery ui-widget css覆蓋

我正在使用jquery自動完成，並想重寫一些在其中使用的CSS樣式，但我無法這樣做。輸入的字體大小是1 em，字體：weight是粗體，我不想要。那麼如何更改字體大小和字體重量。jquery ui-widget css覆蓋

這裏是我想改變的css類。我把所有的字體大小設置爲0.5 em，但它並沒有改變任何東西。

  /* Component containers 
      ----------------------------------*/ 
      .ui-widget { 
       font-family: Verdana,Arial,sans-serif; 
       font-size: 0.5em; 
      } 
      .ui-widget .ui-widget { 
       font-size: 0.5em; 
      } 
      .ui-widget input, 
      .ui-widget select, 
      .ui-widget textarea, 
      .ui-widget button { 
       font-family: Verdana,Arial,sans-serif; 
       font-size: 0.5 !important; 
      } 
      .ui-widget-content { 
       border: 1px solid #aaaaaa; 
       background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; 
       color: #222222; 
      } 
      .ui-widget-content a { 
       color: #222222; 
      } 
      .ui-widget-header { 
       border: 1px solid #aaaaaa; 
       background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; 
       color: #222222; 
       font-weight: bold; 
      } 
      .ui-widget-header a { 
       color: #222222; 
      }

來源

2013-07-27 user2584325

試試這個：

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { 
    font-size: 0.5em !important; 
    font-weight:normal !important; 
}

如果沒有工作，請小提琴。

來源

2013-07-27 20:37:42 codedme

首先嚐試在代碼中避免使用!important，因爲這是不好的做法。

接下來你單位

font-size: 0.5 !important; 
       ^-------------Missing em

後失蹤的em後綴應該是

font-size: 0.5em !important; 
        ^------- get rid of this

你總是有壓倒一切的風格，如果你能正確計算specificity的選項。

來源

2013-07-27 20:40:34

感謝您鏈接到有關特異性的文章。這非常有幫助。 – edsobo

jquery ui-widget css覆蓋

回答

相關問題