可以通过CSS样式来实现。可以使用以下代码来隐藏图标:
input[type="time"]::-webkit-calendar-picker-indicator {
display: none;
}
这段代码使用了CSS伪元素选择器::-webkit-calendar-picker-indicator
来选择时间输入字段的图标,并将其display
属性设置为none
,从而隐藏图标。
这种方法适用于使用Chrome浏览器的网页。如果需要在其他浏览器中隐藏图标,可以使用相应的浏览器前缀,如::-moz-calendar-picker-indicator
用于Firefox浏览器。
隐藏HTML时间输入字段上的图标可以提升用户体验,特别是在某些情况下,时间选择并不是用户所需的功能,或者网页设计中不需要显示图标。
领取专属 10元无门槛券
手把手带您无忧上云