这篇博客提供了针对最新浏览器和Internet Explorer 10的CSS解决方案，用于隐藏时间输入字段的清除按钮。通过使用`::-webkit-clear-button`和`::-ms-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;
}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
