2013-08-26 15 views
1

如何改變康納方康納jQueryUI的標籤 - 如何改變康納方康納

我不希望我的康納具有半徑像 enter image description here

我希望它多像

enter image description here

這裏是我的代碼http://jsfiddle.net/SQUsN/

.ui-tabs { 
    border:none; 
} 
.ui-widget-header { 
    border:none; 
    background: #FFF; 
} 
.ui-tabs .ui-tabs-panel { 
    display: block; 
    clear: both; 
    border: 2px #ccc solid; 
    padding: 10px; 
    width:auto; 
} 

我嘗試關注tut http://kyleschaeffer.com/development/simple-jquery-tabs-template/。但沒有運行。
如何做到這一點感謝

回答

2

See This Working Fiddle

基本上,只要添加以下2個CSS規則:

.ui-corner-top { 
border-radius:0px; 
} 

.ui-corner-bottom { 
    border-radius:0px; 
} 

確保jQuery UI的樣式表使規則級聯正確後,包括他們。

乾杯。

+0

謝謝你,這看起來不錯。我不知道爲什麼jqueryui使默認UI看起來不好:|。希望它有新版本更好看:) – freestyle