input[date]的值,怎么做右对齐?

图片描述

列表中红框区域都是input;时间input的type是date;调用浏览器的日期选择器
怎么把它的值右对齐呢?
【text-align: right】不起作用

阅读 10.2k
5 个回答

date默认在右边有个向下的箭头和一个x号,占据了右边的空间,你可以用jqueryui的datepicker来做日期选择表单控件吧

新手上路,请多包涵

css里面设置text-align: right是有用的

text-align:right有用的。
不行的话你可以试一下<input type="text" onfocus="this.type='date'" onblur="this.type='text'" />这个还可以解决placeholder不显示的问题。

楼主找到方法了吗?
text-align: right;
direction: rtl;
我发现即使设了这些还是没用,我就用了position:absolute;定位过去了;
或者margin为负强制对齐,一直没找到好的方法,楼主有找到什么好的方法告知一下呗!

//找到了只能在chorm浏览器有效的属性,移动端一直不理我。
input::-webkit-clear-button {

display: none;

}
input::-webkit-calendar-picker-indicator {

display: none;

}

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏