如何将在jquery mobile中动态创建的选择菜单中的选项居中

【问题标题】：How to center the options in select menu which are created dynamically in jquery mobile如何将在jquery mobile中动态创建的选择菜单中的选项居中
【发布时间】：2013-09-17 20:29:32
【问题描述】：

我添加了动态选择菜单的选项。但我希望选项在菜单中对齐而不是在左侧。请帮忙。

HTML：

<div data-role="header" data-position="inline" data-theme="b">
<h1>My Page</h1>
<select id="selectMenu">
</select>

JS：

for(i=0;i<6;i++){
    $('#selectMenu').append("<option value="i+">Option "+i+"</option>");
}

【问题讨论】：

请分享一些代码。

标签： jquery select mobile center

【解决方案1】：

这只是CSS的问题，看看这个：

http://jsfiddle.net/hYLfG/

select {
  text-align : center;
}

OR 样式内联：

<div data-role="header" data-position="inline" data-theme="b">
<h1>My Page</h1>
<select id="selectMenu" style="text-align:center;">
</select>

【讨论】：

我希望选项居中对齐。为选项提供样式不起作用
我不明白你的意思
文本对齐当前不是跨浏览器。它适用于 Firefox，但不适用于 chrome，例如