Как удалить круглые углы в jQuery Mobile?

Как удалить круглые края (border-radius) из определенного элемента или из тега div, использующего jQuery Mobile?

Jquery mobile round edges

Ответ 1

В связанном здесь файле jQuery mobile CSS найдите эту строку:

.ui-corner-tr {

Я не знаю, если вы даже используете стили по умолчанию, но там я нашел на основе информации, которую вы предоставили.

Вы должны иметь возможность изменять все четыре угла в этой области (как .ui-corner-tr, .ui-corner-tl, .ui-corner-br, .ui-corner-bl и т.д. И т.д.),

Ответ 2

Говоря о кнопках, вы можете применить следующую кнопку к кнопке.

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

Благодарю.

Ответ 3

В вашем файле css (любой):

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