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

Question

如何将conner变成square conner

我不希望我的 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 样式表之后，以便规则正确级联。

干杯。