移动浏览器datetime-本地输入字段文本对齐问题

Question

我遇到<input type="datetime-local"/>问题如果我向其添加style="text-align:right;"属性，则表明它没有将日期时间值与右侧对齐。在我从iPad上拍摄的下图中，您可以看到它的显示方式不正确。当我在PC上浏览器上查看同一页面时，文本就像我期望的那样对齐。是否有一些特殊的移动属性可以让CSS看起来像我想要的那样？

我想添加简单地使用float：right将无法解决我的问题，因为我正在创建一个可自定义的通用弹出菜单，允许您在本机应用程序中看到的所有标准ios输入字段（如apple＆＃39; s ＆＃34;日历＆＃34; app）。这意味着我需要日历选择器弹出窗口，以便在用户执行＆＃34;单击＆＃34;或者＆＃34;点击＆＃34;在李的任何地方发生的事件。

以下是它目前在iPad上的显示效果，在android上有类似的结果：