当我移到日期时间时,滚动变得可见

时间:2019-01-24 06:21:08

标签: asp.net-mvc bootstrap-4

我使用默认的<input type="date"/>

enter image description here

当我将光标移到元素时,滚动变得可见。

enter image description here

1 个答案:

答案 0 :(得分:0)

如果您只想删除滚动条,则向该元素添加一个类,然后加载下面的CSS以使其完美工作。

<input type="date" class="unstyled" />

.unstyled::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }

如果您不想像压光机一样旋转,则加载此CSS,

.unstyled::-webkit-inner-spin-button,
.unstyled::-webkit-calendar-picker-indicator {
     display: none;
 -webkit-appearance: none;
   }

选中this link