自定义微调按钮类型=“数字”

Question

我想自定义微调按钮的外观，因为我不喜欢它们的基本风格。

我想添加一些Jquery函数来用不同的样式显示它们，比如一个用于'+'的图像和一个用于' - '的图像，或者一些颜色..

我在网上发现这个以移除微调器，它的效果很好;

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

但是，如果我想替换代码，那么添加红色代表例如，它不起作用;

::-webkit-inner-spin-button { background: red }

我怎么能用Jquery做到这一点？

任何帮助将不胜感激