边框半径和框阴影在Android 2.3.6中不起作用

我在三台设备上运行了我的Phonegap应用程序，Android 2.3.6、Android 3和iOS7。问题是，在Android 2.3.6上，我看到使用jQuery switchery插件的开关按钮是方形的，而不是圆形的，就像在其他手机上显示的那样

我做过的事情没有成功：

• 使用跨浏览器边界半径（例如，web工具包、-moz等）
• 补充！重要的

switchery jquery插件中圆形开关的代码：

.switchery>small {
 background: #fff;
 border-radius: 100%;
 -webkit-border-radius: 100%; 
 border-radius: 100%;
-moz-border-radius: 20px; 
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
height: 30px;
position: absolute;
top: 0;
width: 30px;

}

---

我无法使用开发人员工具调试设备上的css。

根据您发布的代码，您似乎错过了

box shadow

属性的供应商前缀

（和iOS 3.2-4.3）需要

-webkit-

前缀才能使

框阴影运行：

-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4);

此外，为了使用
边界半径创建圆，需要将圆的半径设置为框尺寸（宽度或高度）的一半

因此，您应该使用以下方法：

border-radius: 15px;

对于
-webkit-
，需要前缀

聚在一起
根据您发布的代码，您似乎错过了
box shadow
属性的供应商前缀

（和iOS 3.2-4.3）需要
-webkit-
前缀才能使
框阴影运行：

-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4);

此外，为了使用
边界半径创建圆，需要将圆的半径设置为框尺寸（宽度或高度）的一半

因此，您应该使用以下方法：

border-radius: 15px;

对于
-webkit-
，需要前缀

聚在一起
您是否尝试过
-webkit box shadow
？它在Android浏览器2.1+上工作，同样为了创建一个圆，你应该使用
边界半径：50%好的，方块阴影现在可以工作了，但是不能得到圆，当使用边界半径50%时，我得到了空的空格
边界半径：15px？（安卓2.1和iOS 3.2也需要
-webkit-
前缀）嗨，伊丹，你应该试试这个<代码>边框左上半径：10px；边框右上角半径：10px；边框左下半径：10px；边框右下半径：10px是的，它工作15px，你可以正确，我会接受！谢谢-你知道为什么旧版本会这样吗，有链接吗？你试过
-webkit-box-shadow
？它在Android浏览器2.1+上工作，同样为了创建一个圆，你应该使用
边界半径：50%好的，方块阴影现在可以工作了，但是不能得到圆，当使用边界半径50%时，我得到了空的空格
边界半径：15px？（安卓2.1和iOS 3.2也需要
-webkit-
前缀）嗨，伊丹，你应该试试这个<代码>边框左上半径：10px；边框右上角半径：10px；边框左下半径：10px；边框右下半径：10px是的，它工作15px，你可以正确，我会接受！谢谢-你知道旧版本为什么会这样吗，有链接吗？@IDANSHECTER不提：）@IDANSHECTER不提：）