如何删除jQuery Mobile中的圆角？

Question

如何从特定元素或使用jQuery Mobile的div标签中删除圆边（border-radius）？

Answer 1

谈到按钮，您可以将以下选项应用于按钮。

data-corners="false"

代码如下：

<a href="#" data-role="button" data-corners="false">push me</a>

该文件在这里： http://jquerymobile.com/demos/1.2.0/docs/buttons/buttons-options.html

感谢。

Answer 2

在jQuery移动CSS文件linked here中，搜索此字符串：

.ui-corner-tr {

我不知道您是否使用默认样式，但我根据您提供的信息找到了。

您应该能够更改该区域中的所有四个角（例如.ui-corner-tr，.ui-corner-tl，.ui-corner-br，.ui-corner-bl等等。）

Answer 3

在你的css文件（任何）中：

.ui-corner-all {
   -webkit-border-radius:.0 !important;
   border-radius: 0 !important;
}