2025年02月11日 建站教程
css如何去掉type="number"末尾的箭头，下面web建站小编给大家详细介绍一下具体css代码！
默认情况下，input类型为type="number"的末尾会出现一个小箭头，但有时需要将其去掉，可以用一下样式：
具体代码如下：
input {
width: 300px;
padding: 10px;
margin-top: 20px;
border-radius: 10px;
border: solid 1px #ffd476;
box-sizing: border-box;
background-color: transparent;
outline: none;
color: #ffd476;
font-size: 14px;
caret-color: #ffd476;
display: block;
}
input::-webkit-input-placeholder {
color: #4f4c5f;
font-size: 14px;
}
/* 关键样式 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
本文链接：http://so.lmcjl.com/news/22941/