如何在移动Jquery网站的css中修复border-radius

Question

我有一个选择框我尝试使用CSS属性添加一些角半径border-radius在大多数Android手机中看起来不错。但在一个模型中，它有一个小缺陷，如图所示

背景颜色来自边框。选择框的代码如下。

CSS

.ui-select-custom-a {
    background: none repeat scroll 0 0 #c0dae7;
    border-radius: 0.71em 0 0 0.71em !important;
    border-width: 1px 0 1px 1px;
    box-shadow: initial;
    min-width: 50px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

HTML

 <select class="ui-select-custom" data-mini="true">
                <option name="im_va" id="im_va" value="0">Venta</option>
                <option name="im_va" id="im_va" value="1" >Alquiler</option>
            </select>

脚本

$('.ui-select-custom').parent().addClass('ui-select-custom-a ui-nodisc-icon ui-alt-icon');

任何有关此问题的帮助都非常有用

提前致谢

Answer 1

.ui-select-custom-a {
background: #c0dae7;
border-radius: 0.71em 0 0 0.71em !important;
min-width: 50px !important;
padding-left: 0 !important;
padding-right: 0 !important;

}

应该工作