回答編集履歴
1
markdown修正
answer
CHANGED
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
> <input id="file" type="file" /> のデザインが嫌だったので、画像を用意して。その画像をクリックしたら、<input id="file" type="file" />にjqueryをつかいクリックしようとおもいました。
|
|
1
|
+
> `<input id="file" type="file" />` のデザインが嫌だったので、画像を用意して。その画像をクリックしたら、`<input id="file" type="file" />`にjqueryをつかいクリックしようとおもいました。
|
|
2
|
-
> <input id="file" type="file" />はcssでdisplay:none;にしています。
|
|
2
|
+
> `<input id="file" type="file" />`はcssでdisplay:none;にしています。
|
|
3
3
|
|
|
4
4
|
**label要素**を使って解決するのがスマートだと思います。
|
|
5
5
|
|
|
6
6
|
- [[HTML5] <input type="file">のデザインをもっと簡単に変更 - Qiita](http://qiita.com/yasumodev/items/c9f8e8f588ded6b179c9)
|
|
7
7
|
|
|
8
|
+
ただし、この方法には製作者スタイルシートを無効に設定しているブラウザでlabel要素内のコンテンツ、`<input type="file">` の両方が出現してしまう問題があります。
|
|
9
|
+
質問者さんがやろうとしていう事でも同様の問題があります。
|
|
10
|
+
|
|
8
11
|
Re: teratailpeta さん
|