input type =“date”text-align：right IOS设备

Question

/* css */ 
input{ text-align:right;} 

// html 
<input type="date" value="2015-05-06"> 

当类型=“date”，text-align：right的输入在Safari窗体IOS设备中不起作用时，但其他设备的broswer显示正常。 如何解决它？

Answer 1

试试这个。

input[type="date"] { 
text-align:right; 

}

Answer 2

您是否尝试过加入text-align: -webkit-right;这样的：

/* CSS */ 
input { 
    text-align: right; 
    text-align: -webkit-right; 
} 

// html 
<input type="date" value="2015-05-06"> 

Answer 3

日期输入字段不被所有的浏览器还不支持：http://caniuse.com/#feat=input-datetime

Answer 4

试试这个，因为当你提它的类型，那么它会采取日期以下属性文本框只有

input[type="date"] { 
text-align:right; 
} 

Answer 5

你需要添加display: block来解决这个问题。

input[type="date"] { 
    display: block; 
    text-align: right; 
}