带有图标的jQM selectmenu，向左移动标题

Question

我有一个带有图标和居中文本的jQM选择菜单。 ＆＃34;问题＆＃34;由于图标，它的中心偏离中心几个像素。我的图标在左侧，所以我想要padding-right: <width-of-icon> px;

<select id="myselect" data-iconpos="left">
    <option value=""  disabled="disabled" selected="selected">I'm not really centered</option>
</select>

Answer 1

  

<强> DEMO

在增强选择时，您只需要均衡DIV jQM上创建的左右填充：

.ui-select .ui-btn-icon-left, .ui-select .ui-btn-icon-right {
    padding-left: 2.5em !important;
    padding-right: 2.5em !important;
}

这可以处理右侧或左侧图标定位。