HTML输入日期，如何减少日期和图标之间的空间？

html5 • • 问答

我需要压缩输入类型的日期，所以我尝试将宽度设置为 120px。
问题是日期数字和输入日期图标之间有一个空格。

我需要减少或删除该空间：

有没有办法做到这一点？

我的代码（顺便说一下，我使用的是 bootstrap 4）：

<input type="date">

回答

您可以使用：

::-webkit-calendar-picker-indicator{
    margin-left: 0px;
}

::-webkit-calendar-picker-indicator{
    margin-left: 0px;
}

如果这还不够，并且您想要更少的空间，只需设置一个负边距，就像在这个片段中一样：

    ::-webkit-calendar-picker-indicator{
        margin-left: -15px;
    }

注意：这适用于 Chrome。默认情况下，Firefox（可能还有其他浏览器）可能不显示该图标。

以上是HTML输入日期，如何减少日期和图标之间的空间？的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>
相关内容