javascript - 移除 HTML5 输入类型 ="time"出现的箭头

Question

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

The image shows a black arrow that appears. Need it remove it. I tried many css tricks but didn't work.

示例代码

Answer 1

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