可折叠内容的Jquery Mobile图标放置

Question

我正在尝试将图标设置在右侧而不是左侧。我已经尝试过data-iconpos =“right”，它在按钮上工作正常，但没有影响。

由于

Answer 1

我所做的是覆盖样式。

在移动css加载后放置

    <style>

    .ui-btn-icon-left .ui-icon {

    left: auto !important;

    right: 10px !important;

    }

    </style>

或者您可以直接编辑JQM CSS，也可以创建自己的自定义CSS。

这是迄今为止我发现的唯一三种方式，但是热爱JQM人员对此做些什么。

Answer 2

我为可折叠元素添加了一个特定规则，因此它们的图标始终位于左侧。

.ui-collapsible-set .ui-btn-icon-left .ui-icon {
    left:auto;
    right:15px;
}

这会影响所有可折叠内容标题，而不会将左侧图标的全部设置为右侧。 ： - ）