Firefox 29.0 <input type='number'> 的問題 ✎ Ken's Blog

Firefox 29.0 出來出後，支援了的型態，不過有點失控，那個欄位會很寬，完全不理會 size 的設定，所以只好加一段 javascript，修正欄位的寬度。

<script>

            $$('input[type="number"]').each(function(elm){
                var s = elm.get('size').toInt();
                if (s > 0) {
                    s = s + 2;
                    elm.setStyle('width',s+'em');
                }
            });
        </script>

以上是搭配 mootools 的，不過 mootools 的優點，就是就算你沒有特別學他，只要會 javascript，大概都可以讀懂 mootools。

對了，會用 jQuery 跟會 javascript 是兩回事。