html5 – 是否可以禁用input = time clear按钮

我在输入=时间选择时间时试图限制用户输入。
那么可以从输入中禁用小的清除按钮吗?

解决方法

您对所有最新浏览器的直接解决方案可能是:
input[type="time"]::-webkit-clear-button {
    display: none;
}

如果您愿意仅为Internet Explorer 10指定它,则应使用它进行样式设置
::-ms-clear pseudo-element

input[type="time"]::-ms-clear {
    display: none;
}

您还可以使用所有输入元素的宽度和高度来执行此操作:

input::-ms-clear {
    width: 0;
    height: 0;
}

如果您只想将其应用于文本类型的输入:

input[type=text]::-ms-clear {
    display: none;
}

编辑1:

如果它不起作用,那么你必须确保在F12工具中没有选择除IE10 / Standard之外的浏览器/文档模式!

编辑2:

此外,您可能会发现其他有趣的伪控件:

/* Hide the cancel button */
::-webkit-search-cancel-button { 
    -webkit-appearance: none; 
}

/* Hide the magnifying glass */
::-webkit-search-results-button {
     -webkit-appearance: none; 
}

/* Remove the rounded corners */
input[type=search] { 
    -webkit-appearance: none; 
}

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码