相关疑难解决方法(0)

跨浏览器是否有一致的方法来隐藏某些浏览器(如Chrome)为类型编号的HTML输入呈现的新旋转框？我正在寻找一种CSS或JavaScript方法来防止上/下箭头出现.

<input id="test" type="number">

Chrome最近更新了其输入元素样式.我非常喜欢number输入类型,但是它们的新风格为我们提供了圆形按钮,这些按钮不能完全适合方形输入框.

我已经多次尝试让这些输入改变,但他们不会让步.从它input[type='number']自己到这些按钮:

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    border-radius: none !important; background: black; color: red;
}

input:-webkit-autofill { background: black; color: red; }

看起来他们可能根本无法改变.有任何人对此有经验吗？我知道有一种隐藏按钮的方法.理想情况下,我只想删除它们的边界半径.

有趣的是,填充似乎适用于这些按钮.我知道他们在听!

我尝试过各种各样的东西,却找不到有用的东西.我以为它会是这样的:

input[type="date"] {
    -webkit-appearance: none;
}

但这没效果.有谁知道如何删除它们？