Как убрать закругленные углы в jQuery Mobile?

Question

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

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

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

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