When i move to datetime, scroll is becoming visible

Question

I use default <input type="date"/>

And when I move cursor to element, scroll is becoming visible.

Answer 1

If you want to remove only scroll bar then, add a class to the element, and load this bellow CSS to work it perfectly.

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

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

If you don't want spin as well as calender, then load this css,

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

Check this link