jQuery mobile 1.4.0中的按钮边框半径

Question

我的jQuery mobile 1.4.0中有以下按钮，我想修改它的边框半径以便作为下图中的按钮，我尝试了以下代码，但它对我不起作用，如何在jQuery mobile 1.4.0中修改按钮边框半径？请帮助我..

<div   class="ui-btn ui-input-btn  center_BTN " >                                                   
<input type="button" id="save" data-inline="true" value=" Save"  data-icon="check"      />

</div> 

CSS

.center_BTN {
  text-align:center;
  background-color:transparent !important;
  border:none;
}


.center_BTN.ui-btn,.center_BTN .ui-input-btn{

  border: solid #cccccc 5px;
  border-radius:32px !important;

}

Answer 1

更新

jQM添加了一项新功能，不需要任何JS干预。创建自定义类，例如foo然后将data-wrapper-class="foo"属性添加到input本身。

<input type="button" data-wrapper-class="foo" />

  

<强> Demo

---

旧答案

jQuery Mobile动态地将input包装在一个div中，其中添加了所有CSS样式，因此无法对其进行静态设置静态。

使用所有CSS创建自定义类，并在创建页面后添加它。

$(".selector").closest("div").addClass("custom-class");

  

<强> Demo

Answer 2

圆角矩形按钮

.ui-btn-corner-all {
   border-radius: 1m;
}

矩形按钮

.ui-btn-corner-all {
   border-radius: 0m;
}