input type = "file"のボタンをcssと画像でかっこよくする :: Lunatic-Code以前input buttonを画像にする、とかやったんですが、 input type="file"も画像化したいなぁ、と。 んが、どうやら一筋縄じゃいかなさそうだ。 というのも、レンダリングエンジンによって、 デフォルトの表示方法が違う。 IE(Trident)やFirefox(Gecko)、Opera(Presto)だと、左側にテキストエリアっぽいのがあって、その右にボタンがある。 が、googleChromeやSafari(WebKit)だと、ボタンがあってその右側にテキストだけが表示される。 まぁ、時点で、input:fileをどうにかするよりも、代替コンテンツで対処するしかないわけで。 問題点を挙げると・・・ ・CSSでwidthやheightを指定しても、個別に幅の指定や比率の指定も出来ない。 ・また、Firefoxはcssの幅を無視する。sizeに値を入れてやら
