<select> 上のドロップダウン矢印が再度 -moz-appearance:none で隠せるようになりました

公開日: | カテゴリー: CSS

概要

Firefox 30<select> 要素上の padding 誤実装が修正されて以来、-moz-appearance:nonetext-indenttext-overflow プロパティの組み合わせを使った、コンボボックスのドロップダウン矢印を隠すハックが動作しなくなっていました。多くの開発者からコンボボックスのスタイルを自由に調整したいという要望が寄せられたため、この非標準の挙動が Firefox 35 で復活することになりました。今後は -webkit-appearance:none と同じく、単純に -moz-appearance:none を使って以前のようにドロップダウン矢印を隠すことができます。

参考資料