是否可以在css中输入类型=数字的内部"向上箭头"和"向下箭头"中应用样式?我想将箭头的背景改为蓝色并向下箭头红色.有任何想法吗?

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; }
Run Code Online (Sandbox Code Playgroud)
看起来他们可能根本无法改变.有任何人对此有经验吗?我知道有一种隐藏按钮的方法.理想情况下,我只想删除它们的边界半径.
有趣的是,填充似乎适用于这些按钮.我知道他们在听!