底 Angular 上的 jQuery 圆 Angular 半径不起作用

Question

我正在使用 jQuery mobile 并有一个 div，我只希望底部的 2 个 Angular 具有 flex 的外观。

根据我的阅读，我明白我应该使用:

ui-corner-bl 和 ui-corner-br

但是这不起作用。奇怪的是，ui-corner-all 确实工作正常。有什么解决办法吗？

div 看起来像:

<div id="bottomSmall" class="ui-shadow ui-corner-bl">
    <img src="img/homepage/a.png" />
</div>

Answer 1

在 JQuery 1.2 之后他们停止支持

ui-corner-tl
ui- Angular -tr
ui- Angular -bl
ui Angular br
ui Angular 顶部
ui Angular 底部
ui-右 Angular
ui-左 Angular
ui Angular -无

您需要添加自己的 CSS 尝试:

    .ui-corner-tl {
    //Top left css
    -webkit-border-top-left-radius: .6em;   
    border-top-left-radius: .6em;
    }
    .ui-corner-bottom {
    //Bottom left CSS
    -webkit-border-bottom-left-radius: .6em;    
    border-bottom-left-radius: .6em;
    //Bottom right css
    -webkit-border-bottom-right-radius: .6em;   
    border-bottom-right-radius: .6em;
    }