降低jQuery UI標籤的高度

我想減少jquery UI選項卡的高度，但格式不好。 Here是代碼的鏈接。任何人都可以讓我知道如何做到這一點？降低jQuery UI標籤的高度

2011-07-14 DG3

.ui-widget-header { 
    background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) repeat-x !important; 
    color: #222222; 
    font-weight: bold; 
    height:13px 
} 

.ui-widget-header ul { 
    height:11px; 
} 

.ui-tabs .ui-tabs-nav li { 
    height:11px; 
    font-size:10px; 

} 

.ui-tabs .ui-tabs-nav li a { 
    position:relative; 
    top:-6px 
}

來源

2011-07-14 18:40:35 kei

非常感謝你！ –

已過時，未顯示相關的jquery-ui版本。 – clearlight

-1

添加以下CSS規則以從標籤文本中刪除頂部和底部填充。

.ui-tabs .ui-tabs-nav li a { 
    padding: 0 1em; 
}

jsFiddle

來源

2011-07-14 18:36:32

您的建議可能在您發佈時有效，但現在已過時。由於jQuery的內部API和許多軟件組件都在不斷髮展，因此您應該指出哪些版本與您提供的任何快速入侵相關。考慮更新你的答案。否則，浪費人們的時間，因爲他們必須測試您的解決方案，但發現它不起作用。 – clearlight

你可以自己編輯答案，而不是一個混蛋，留下一個驚人的迴應。 –

沒有傷害的意圖，我只是指出並記錄下這樣的黑客應該綁定到一個版本，所以他們不會混淆人。純粹建設性的批評。我被埋在一個代碼問題中，花時間來測試你的答案，並且必須弄清楚爲什麼它不起作用。如果你不認爲這是合理的評論，那麼你需要重新評估。沒有人是完美的。我們都需要學習和適應。 – clearlight

不知道它是什麼，你要完成的，因爲當你降低height，標籤顯得更加關閉。

但是，如果我添加到.ui-widget-header和.ui-tabs .ui-tabs-nav li的height這一切都適合。

http://jsfiddle.net/jasongennaro/rRpNz/5/

來源

2011-07-14 18:37:55

你的問題很模糊，但我設法玩，以獲得更好的視覺效果here。你需要玩弄.ui-tabs .ui-tabs-nav li a和.ui-tabs-nav

來源

2011-07-14 18:38:13 vinceh

您可以添加一個JavaScript代碼

$("#tabs").css("height",$("body").height());

來源

2011-12-22 08:36:44

截至jquery-ui-1.11.4，標籤本身的大小主要由字體大小和填充屬性確定。

下面顯示了jquery-ui.structure.css中的相關選擇器及其默認值，您可以從jQuery theme roller站點下載的發佈中獲得。

原有關CSS選擇器：

/* jquery-ui.structure.css */ 

.ui-tabs .ui-tabs-nav .ui-tabs-anchor { 
    float: left; 
    padding: .5em 1em; 
    text-decoration: none; 
}

以下補充定義，我加入到我的HTML文件中<style></style>標籤，覆蓋默認設置，通過採取填充降低了標籤的大小（也許太多）爲0並從默認縮小字體大小。雖然清晰，但它使得標籤太小而不符合我個人的口味。我喜歡的東西在上面的缺省值，這之間：

添加/覆蓋相關屬性：

.ui-tabs .ui-tabs-nav .ui-tabs-anchor { 
    padding: 0 0; 
    font-size: smaller; 
}

注：我個人想保持具有實用程序或窗口小部件的機智和僅僅延長CSS樣式表/通過將更改添加到我的HTML文件或其關聯的樣式表中來覆蓋CSS。

來源

2015-12-08 20:39:30 clearlight

降低jQuery UI標籤的高度

回答

相關問題