WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:<input type=file>の参照ボタンを装飾

0:[投稿] ボタン職人 [2006/02/23 09:44 ] [環境:IE6、NN7、Firefox1.0.7 UNIX]

<input type=file>
で表示される
参照ボタンをスタイルシートで装飾(色指定等)したり、画像に置き換えたりすることはできないのでしょうか?

宜しくお願いします。


1:[回答] Nobody [2006/02/23 11:59 ]

残念ながらできません。


2:[回答] やんぼー [2006/02/23 12:45 ]

本来の参照ボタンを style="display:none;" にして隠し、
代替の参照ボタン画像を<img>タグにて設置して、
そのonClickイベントにて、
参照ボタンをクリック(click())するように作れば、
ご要望通りのことを実現できるかもしれません。

NNや、Firefoxや、オペラ等でも同様の挙動になるのか
試したことがありません。


3:[質問] ボタン職人 [2006/02/23 13:50 ]

回答をしていただきありがとうございました。

http://chaichan.hp.infoseek.co.jp/qa3000/qa3438.htm
にも似たような質問がありました。
申し訳ありません。

IEでは期待した動作をしましたが、NNとFirefoxは、
click();
が動作しないようで、「ファイルの選択」ダイアログを表示
することができませんでした。

他に方法があるようでしたらご教授下さい。

回答(必須): 状態:

お名前(必須):

URL:




[戻る]