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

前端之家收集整理的这篇文章主要介绍了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相关文章