Make my html input number fields change on scroll wheel even if they aren't focused in Chrome
Take an [input field like this][1]:

    ​<input type='number' step='1' />​​​​​​​​​​​​​​​​​

In Chrome, you can change the value of this field by clicking on it then moving the scroll wheel up or down. However, you cannot simply hover over the field and use the scroll wheel to change it (like you can in Opera). How can I change this behavior so that I don't have to select the field to change it with the scroll wheel? I'm open to solutions using javascript/jQuery (but not jQuery UI). I'm using Chrome 21 for Linux if that matters.


  [1]: http://jsfiddle.net/Yeqmp/
Make my html input number fields change on scroll wheel even if they aren't focused in Chrome
===

Take an [input field like this][1]:

    ​<input type='number' step='1' />​​​​​​​​​​​​​​​​​

In Chrome, you can change the value of this field by clicking on it then moving the scroll wheel up or down. However, you cannot simply hover over the field and use the scroll wheel to change it (like you can in Opera). How can I change this behavior so that I don't have to select the field to change it with the scroll wheel? I'm open to solutions using javascript/jQuery (but not jQuery UI). I'm using Chrome 21 for Linux if that matters.


  [1]: http://jsfiddle.net/Yeqmp/