二八中医
二八中医
  • 发布:2014-10-16 10:27
  • 更新:2014-10-16 14:46
  • 阅读:4817

Input居中

分类:MUI
mui

同样的代码,在ios上可以正常显示,在android上无法实现居中效果,
代码如下:
<div class="mui-input-row">
<input type="tel" id="msisdn_input" style="text-align: center;" class="mui-input-clear" placeholder="11位手机号码">
</div>
<div class="mui-input-row">
<input type="password" id="password_input" style="text-align: center;" class="mui-input" placeholder="密码">
</div>
<div class="mui-input-row">
<input type="tel" id="verify_input" style="text-align: center;" class="mui-input-clear" placeholder="6位短信验证码">
</div>

2014-10-16 10:27 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

android的placeholder的text-align:center有bug。
如果非要居中。可以使用js来模拟placeholder,可以搜索js placeholder参考他们的实现

DCloud_UNI_CHB

DCloud_UNI_CHB

我测试了你的代码,输入框铺满屏幕,宽度为100%,不存在居中的问题;

注意一下:mui中除了导航外,其它内容要写在.mui-content类中;

DCloud_UNI_CHB

DCloud_UNI_CHB

你说的是placeholder居中还是输入框自身居中?

二八中医

二八中医 (作者)

placeholder的居中,

该问题目前已经被锁定, 无法添加新回复