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; 
}

原文地址：https://www.jb51.cc/html5/168885.html