Hatena::ブログ(Diary)

虚心生白 RSSフィード Twitter

2007-09-12

[] css: IEでinput type="file"にbackgroundを指定すると[参照]ボタンの形状が角張る件

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

f:id:blanc2005:20070912203805p:image

...と、角張った素っ気ないボタンになってしまうようです。

なぜこんな事が起きるかと言う説明は...

...あたりを参照の事。

じゃあ入力フォームの背景色を変更しつつ、Windowsスタイルのボタンの[参照]ボタンで表示するにはどうしたら良いのか?

× bacground or background-color:#ff0000;
○ background-image:url("../images/red.png")

と背景画像にして指定すればOKっぽい。う〜ん難解だぁ...。

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証