如何删除以HTML格式提交的文本中的光标？

Question

我正在使用文本输入通过Bootstrap datepicker获取日期。由于HTML日期输入有一些不必要的上下箭头和关闭按钮，因此我将文本输入用作日期。问题是当我单击输入字段时，光标进入了文本。当它进入移动设备时，点击输入的文件时，虚拟键盘会出现在日历上方，因此我看不到日历的一半。我该如何解决此错误？

Sample Image

解决方案： 您可以使用少量CSS来完成此操作。

.text-box input {
    cursor: pointer;
    background: #eee;
    color:#000;
}
.text-box input:focus {
    color: transparent;
    text-shadow: 0px 0px 0px #666;
}

<div class="text-box">
    <input type="text">
</div>