输入类型="日期" text-align:正确的IOS设备

时间:2016-05-26 09:42:47

标签: css html5 safari

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

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

当输入类型=&#34;日期&#34;,text-align:right在Safari形式的IOS设备中不起作用,但其他设备&#39; broswer显示正常。 怎么解决?

5 个答案:

答案 0 :(得分:1)

您需要添加display: block来解决此问题。

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

答案 1 :(得分:0)

试试这个。

UITextField

}

答案 2 :(得分:0)

您是否尝试过像这样添加text-align: -webkit-right;

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

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

答案 3 :(得分:0)

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

答案 4 :(得分:0)

试试这个,因为当你提到它的类型时,它只会在日期文本框的属性下面

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