Firefox 29.0 <input type='number'> 的問題

Firefox 29.0 出來出後，支援了 <input type="number"> 的型態，不過有點失控，那個欄位會很寬，完全不理會 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 是兩回事。