Css 如何删除按钮的圆角（jQuery Mobile）？

我试过了。但是，它不起作用。我尝试将

data corners=“false”

添加到

ul

标记中。我还将此CSS添加到

RadioButtonList

：

.list-rb div{
    margin-top: -16px;
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
    border: 0px solid #000000;
}

我还将

ui角tr

添加到

RadioButtonList CssClass

。不走运。有办法做到这一点吗？我的HTML或CSS中是否有什么东西妨碍我正确地执行此操作

<ul data-role="listview" data-divider-theme="a" data-inset="true" data-corners="false">
    <li data-theme="a" data-role="list-divider" class="ui-li ui-li-divider ui-bar-b">
        <asp:Localize ID="locWirelessNetworks" runat="server"
            EnableViewState="False" meta:resourcekey="locWirelessNetworksRc1"
            Text="Select Network">
        </asp:Localize>
    </li>
    <br />
    <asp:RadioButtonList ID="rblWirelessNetworks" runat="server" cssclass="list-rb">
    </asp:RadioButtonList>
</ul>

---

编辑：我正在使用jQuery Mobile 1.3

解决方案比您想象的要简单。将此添加到CSS中：

li {
    list-style-type:square;
}

---

这应该能奏效

看起来您正在使用jQuery Mobile 1.3版或更低版本

因此，请尝试删除.ui radio类中LABEL元素上的边框半径和边距：

.ui-radio label {
    border-radius: 0;
    margin: 0;
}

然后还可以删除LI本身的填充和边框：

li {
    padding: 0 !important;
    border: 0  !important;
}

这里有一个

---

注意：我们可能需要查看ASP.Net RadioButtonList控件中呈现的HTML…

我不知道您的ASP标记，但是作为旁注

不是

元素的有效子元素。@HashemQolami它对我有效吗？这难道不是有效的吗？上面所有的HTML都在一个

asp:Content

“这难道不是有效的吗？”不…它可能在一个浏览器中工作，但在另一个浏览器中不工作，即使它工作了…它仍然是无效的。@Paulie\u D这很奇怪。那我就把它取下来。谢谢那么看看这把小提琴：是你在问题中添加的代码+我的答案中的代码。这就是你要找的吗？这很有效！对旧版本的好理解。我完全忘了检查。非常感谢。