删除为输入类型=“时间"显示的箭头.用于HTML5 [英] Remove the arrow that appears for input type="time" for HTML5

问题描述

我正在使用默认的HTML5 示例代码行: 我使用了自定义背景.我要删除右侧出现的黑色箭头.

I am using the default HTML5 sample line of code: I have used a custom background. I want to remove the black arrow that appears on the right.

图像显示出现的黑色箭头.需要它删除它.我尝试了许多CSS技巧，但是没有用.

示例代码

推荐答案

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

或

/* 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的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！