样式输入类型编号更多加号在侧面

Question

有什么方法可以像这样对输入类型编号进行样式设置？

谢谢！

Answer 1

下面您可以看到该代码段，如果您想在JSFIDDLE中看到它，请在此处查看：http://jsfiddle.net/74xa8Ler/

稍微说明一下整个过程如何工作：在这里，您将使用css进行某些样式的操纵。

但是在html代码中，您会看到2个按钮：

<button onclick="this.parentNode.querySelector('input[type=number]')" ></button>

一个带有.stepDown()，另一个带有.stepUp()。如您所见，querySelector用于将这些按钮连接到您的input。

因此，当点击button时，它的工作方式将是查看您的querySelector，然后是您的操作，即.stepUp()或{{ 1}}，并将其应用于您的.stepDown()。

请记住，如果您在input上有多个输入，则不能简单地对所有输入进行type="number"。您需要为每个.querySelector('input[type=number]')"甚至id添加class或input，然后让input[name=yourName]选择正确的{{ 1}}。

querySelector

input