Css 如何显示引导输入日期字段的完整字段？

当我使用Boostrap创建一个宽度有限的日期

输入

字段时

<input type="date" id="my_date" name="my_date" class="form-control" style="width:80px">

聚焦字段时，控制图标会覆盖值（或占位符）；好的但当字段未聚焦时，如果聚焦，则控件图标的放置位置将占用空白

---

是否有一种解决方法，使字段在未聚焦时显示完整内容？

尝试此代码。悬停时，将显示按钮。如果文本仍然隐藏，请尝试缩小字体或减少填充

CSS

#my_date::-webkit-inner-spin-button {
  -webkit-appearance: none; 
  display: none;
}
#my_date:hover::-webkit-inner-spin-button {
  display: block;
}