BootStrap select默认选中项如何居中？

Question

            <select class="form-control" style="text-align: center">
                <option class="text-left">请选择</option>
                <option>XXOO</option>
            </select>

代码如上，请选择三个字在安卓设备的微信中是居中的、但是在苹果设备微信中就是靠左的而不是居中的、要怎么在苹果设备的微信中也让其居中显示呢？

Answer 1

1,使用pandding-left。可以使用百分百或者rem做单位。具体数值算起来比较麻烦，不够精准。
2,使用div把select标签和另外一个普通div嵌套在一起，让select标签全透明，覆盖在一个普通的div标签上。点击选择select标签后，用js修改普通div标签的内容。