javascript - input[date]的值,怎么做右对齐?
高洛峰
高洛峰 2017-04-11 13:32:10
[JavaScript讨论组]

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

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(4)
天蓬老师

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

怪我咯

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

PHP中文网

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;

}

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号