-
ID:yOh63q さんの質問

jQueryやJavaScriptなどの知識がほぼないデザイナーです。
フォームのスタイルについて質問です。最近radioとかselectをデザインする案件が多くなっており、同様にfileをデザインしたいということもあるのですが、その場合にみなさんはどのように実装していますか?調べて出てきたもの(例えばzxcvbnmnbvcxz.com/input-typefile-%E3%82%92%E7%94%BB%E5%83%8F%E3%83%9C%E3%82%BF%E3%83%B3%E3%81%AB%E5%A4%89%E6%9B%B4%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95/など)をいくつか試してはみたのですが、実際にCGI等で実装した際にクロームやFirefoxで動いてもIEでは上手く動かなかったりします。
その際、できれば上記参考サイトやcoliss.com/articles/build-websites/operation/javascript/393.htmlのようにボタンだけにするのではなく、テキストフィールドとボタンという通常に近い見栄えで実装をしたいと思っています。
もし可能であるならご教授をお願い致します。

みんなの回答 2 件

ID:6yxj9x さんの回答

フォーム回りはcssでデザインをしています。
colissさんのサイトで紹介されてるスクリプトのようにIE5.5やFirefox1.5などかなり古いブラウザへの対応が必要であったりIE未対応のcssを使う場合はjsを使うこともあります。

>テキストフィールドとボタンという通常に近い見栄えで
入力エリアとボタンにそれぞれcssつければいいのではないでしょうか?
あとは対応ブラウザとデザインによってはjsが必要になるかもしれないというだけかと。

ID:dhy3Xt

少し説明が足りませんでした。
IEだとアップロードしたファイル名部分(パスの表示)がおかしくなってしまったり、そこは上手くいってもそれをsubmitできないというような現象が起きるのです。
あれからまたいくつか試してみましたが、input="file"の見栄えをIEも含めて変更するのは難しいのではないかと思いました。

ID:D/zIc4 さんの回答

古いIEにはなるべく対応しないでください
いつまで古いIEに対応し続ける人がいるから古いIEが無くならないのです
それよりもIE9以下にはChromeやFirefoxのダウンロードリンクを出してあげるほうがいいです

ID:dhy3Xt

対応しないてくださいと言われても、例えば別途工数や費用をもらっていたり、大規模な案件や特に老若男女・不特定多数の多くの人が見ると思われるのものの場合は様々なユーザーを想定するのでそのようなことはできません。
その気持ちはすごいわかりますが…。

最終更新日:2013-01-29 (2,719 views)

関連するトピックス

ページ上部に戻る