我已成功为::-webkit-inner-spin-button标记的::-webkit-outer-spin-button和input[type=number]设置了图片样式。
但是我有两个问题。
＆＃34;内部＆＃34;和＆＃34;外部＆＃34;按钮不对应于单个图像的增量和减量的一半。因此，您无法区分顶部或底部的:active，并将新样式应用于其中一个或另一个以指示激活。
这应该更简单，但是当输入成为焦点时，我无法弄清楚如何设置新样式。我已经尝试了以下两种选择器的排列。
input.welcome-input[type=number]:focus input.welcome-input[type=number]::-webkit-inner-spin-button,
input.welcome-input[type=number]:focus input.welcome-input[type=number]::-webkit-outer-spin-button
和
input.welcome-input[type=number]:focus ::-webkit-inner-spin-button, ::-webkit-outer-spin-button
任何人都知道如何解决这些问题？