如何去除 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

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-27 10:33:24  来源:igfitidea点击:

How to remove round corners in jQuery Mobile?

jquerycssjquery-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 标签中删除圆边(边框半径)?

Jquery mobile round edges

Jquery 移动圆边

采纳答案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;
}