如何去除 jQuery Mobile 中的圆角?
声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow
原文地址: http://stackoverflow.com/questions/8463300/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
How to remove round corners in jQuery Mobile?
提问by Basic Bridge
How to remove the round edges (border-radius) from the particular element or from div tag that is using jQuery Mobile?
如何从特定元素或使用 jQuery Mobile 的 div 标签中删除圆边(边框半径)?
采纳答案by rockerest
In the jQuery mobile CSS file linked here, search for this string:
在此处链接的 jQuery mobile CSS 文件中,搜索此字符串:
.ui-corner-tr {
.ui-corner-tr {
I don't know if you're even using the default styles, but there's what I found based on the info you provided.
我不知道您是否甚至使用默认样式,但是我根据您提供的信息找到了一些内容。
You should be able to change all four corners in that area (as .ui-corner-tr
, .ui-corner-tl
, .ui-corner-br
, .ui-corner-bl
, etc., etc.)
您应该能够改变所有四个角在这方面(如.ui-corner-tr
,.ui-corner-tl
,.ui-corner-br
,.ui-corner-bl
,等,等。)
回答by naota
Talking about buttons, you can apply following option to a button.
谈到按钮,您可以将以下选项应用于按钮。
data-corners="false"
A code goes like this:
一段代码是这样的:
<a href="#" data-role="button" data-corners="false">push me</a>
The document is here: http://jquerymobile.com/demos/1.2.0/docs/buttons/buttons-options.html
文档在这里:http: //jquerymobile.com/demos/1.2.0/docs/buttons/buttons-options.html
Thanks.
谢谢。
回答by Chuck Boris
In your css file (any) :
在您的 css 文件(任何)中:
.ui-corner-all {
-webkit-border-radius:.0 !important;
border-radius: 0 !important;
}