小さい頃はエラ呼吸

いつのまにやら肺で呼吸をしています。


ファイルアップロードフォームに背景色を設定するとボタンがクラシックになる

はじめに

IEにおいて、ファイルアップロードフォーム(input type="file")にスタイルシートで背景色を設定すると、参照ボタンの表示がクラシックになります。

Macユーザなので普段Webブラウザは、メイン:Safari、サブ:Firefoxを使っています。
これらのブラウザでbackground-colorが指定された「input type="file"(ファイルのアップロード用のフォーム)」を見ても、[参照]ボタンの形状はびくともしないのですが、IEで見ると...
角張った素っ気ないボタンになってしまうようです。
css: IEでinput type="file"にbackgroundを指定すると[参照]ボタンの形状が角張る件 - 虚心生白 はてなブックマーク - css: IEでinput type=

こんな感じ



どうやらWindowsとIEの仕様っぽい

正確には、Windows XP と IE の仕様です。 XP 視覚テーマが有効である場合、IE は選択された MSSTYLES にそってコントロールを描画します。 同じ IE を使っていても、Windows 2000 では、XP 視覚テーマがないため、このようなことにはなりません。

面白いのが、自前で style (CSS) を適用すると、そのコントロールに限って、視覚テーマが無効になります。 何も、input type="file" に限ったことではない です。
inputタグについて - 初心者なんでも相談室 - Visual Studio User Group はてなブックマーク - inputタグについて - 初心者なんでも相談室 - Visual Studio User Group