如何删除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 mobile CSS文件中,搜索此字符串:

.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;
}