Jqueryui选项卡 - 如何将conner更改为square conner

Question

如何将conner更改为square conner

我不希望我的康纳像半径一样

我希望它看起来像

这是我的代码 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/。但没有跑。
如何做到这一点，谢谢

Answer 1

See This Working Fiddle

基本上，只需添加以下2个css规则：

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

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

确保在jquery ui样式表之后包含它们，以便规则正确级联。

干杯。