Button 如何从输入元素创建没有角的Jquery移动按钮？

我正在用Jquery移动输入构建控制组，如下所示：

<div data-role="controlgroup">
    <span class="ui-li ui-li-divider ui-bar-a ui-corner-top"><span class="ui-divider-text">Divider</span></span>
    <input type="button" data-icon="arrow-r" data-iconpos="right" value="text" />
    ....
</div>

分隔器
....

虽然这很好地工作，但我经常以输入元素也得到角结束。我试图通过向输入中添加data corners=“false”来覆盖JQM

<input type="button" data-icon="arrow-r" data-corners="false" data-iconpos="right" value="text" />

但是，由于这是在div.ui-btn包装输入元素时进行的，所以它不起作用

问题：
有没有办法告诉JQM不要在元素上设置角？我无法将类添加到输入元素中（如ui-corner-I-not-need，因为corner将在包装ui-btn和ui-btn-internal时使用，我只能通过Jquery访问（不需要）

还有其他想法吗

---

感谢您的输入！

用您的代码尝试一下，只需将id提供给div即可

<script type="text/javascript">
        $(document).ready(function(){
            $('#buttongp > div.ui-controlgroup-controls > div:first').removeClass("ui-corner-top");
        });
    </script>


<div data-role="controlgroup" data-inset="true" id="buttongp">
                <span  id="buttonspangp" data-role="list-divider" class="ui-li ui-li-divider ui-bar-a ui-corner-top"><span class="ui-divider-text">Divider</span></span>
                <input type="button" data-icon="arrow-r" data-corners="false" data-iconpos="right" value="text" />
                <input type="button" data-icon="arrow-r" data-corners="false" data-iconpos="right" value="text" />
                <input type="button" data-icon="arrow-r" data-corners="false" data-iconpos="right" value="text" />
            </div>

$（文档）.ready（函数（）{
$（'#buttongp>div.ui-controlgroup-controls>div:first'）.removeClass（“ui角落顶部”）；
});
分隔器

那就行了。虽然你不想为类似的东西添加额外的jquery。但是你选择了带有div和input类型的controlgroup。而不是使用ul、li和列表视图以及链接的锚定标记。它已经在jquery移动网站上演示过了