
No.1ベストアンサー
- 回答日時:
こんにちは
<input type=”file”>要素の表示制御はかなり特殊なものなので、appearance: none; やplaceholder等を設定しても無効になるようです。
ですので、簡単に制御できる方法があるのかどうかわかりません。
代替案になりますが・・
ご質問の表示を消すだけなら、要素の幅を制御することで比較的簡単にできますが、代替の文字列等を自前で表示させる必要があります。
例えば、Chromeの場合であれば
<input type="file" accept="image/*" style="width: 8em;">
<span>選択してちょ‼<span>
などとしておくことで、代替文字を表示させることは可能です。
(選択された場合には、display:none; などにして消す必要がありますが)
ただし、ブラウザによってボタンの表示文字数も異なるので、スクリプト等でuserAgentを参照するなどして、幅の指定を変える必要がありそうです。
手元にあるブラウザで試したところ、
Chromeは8em、fxは4em で丁度消えるようです。
EdgeはChromeと同じかと思ったら、8.2em程度必要なようですね。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- CGI htmlからパラメータで、cgiに渡したい。 1 2023/02/06 16:15
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- Visual Basic(VBA) Excelのマクロについて教えてください。 5 2024/11/14 09:43
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- Mac OS Mac拡張子をいじらず名前変更の方法 macOS montrayを使用しております。 Finderで 4 2024/04/16 09:46
- Visual Basic(VBA) エクセルのマクロについて教えてください。 2 2023/07/06 17:46
- JavaScript javascriptを使ってラジオボタンで本文の内容を切り替えたいです 3 2024/08/05 18:03
- その他(コンピューター・テクノロジー) コマンドプロンプトで作成日時を表示させたい 1 2023/12/22 10:30
- Visual Basic(VBA) エクセルのマクロについて教えてください。 7 2023/07/04 09:18
このQ&Aを見た人はこんなQ&Aも見ています
-


index.htmlがうまく反映されない
HTML・CSS
-


算術演算子「¥」の意味について
Visual Basic(VBA)
-


プログラマー達は何故、プログラムを入れるフォルダーに容量制限があるのを知らない?
C言語・C++・C#
-
-
4

VB.net 文字列から日付型へ変更したい
Visual Basic(VBA)
-
5

HTML&CSSについて。
HTML・CSS
-
6

jsで質問です。 formをsubmitしてサーバー側で処理が行われて処理が完了したら、フロント側で
JavaScript
-
7

以下のプログラムの実行結果はどうなると思いますか? その理由も教えてください。
Visual Basic(VBA)
-
8

趣味がプログラミングだと言ってもいい?
その他(プログラミング・Web制作)
-
9

Web初心者です。 簡易的なWebページを作成し
その他(プログラミング・Web制作)
-
10

至急助けてください!!!あと2時間しかないです! ボタンを押したら0ランプが点灯し、コンマ5秒後に1
その他(プログラミング・Web制作)
-
11

検索エンジンはなくなる?
SEO
-
12

PHPの勉強してます。 配列のところですが、 実行結果は、9になりますが、 そのロジックを教えてくだ
PHP
-
13

SplFileObject を利用したときの5C問題?
PHP
-
14

C言語 関数、変数の宣言について
C言語・C++・C#
-
15

HTML&CSS メディアクエリについて。
HTML・CSS
-
16

perl の open について教えてください。
Perl
-
17

php コールバック関数
AJAX
-
18

Webサイトの「デザインのみ(コーディング不要)」を依頼されました。 「レスポンシブデザイン」を希望
HTML・CSS
-
19

プログラミング(php、Laravel)に詳しい方いましたら教えてください! ファクトリで電話番号の
PHP
-
20

C言語について(初心者)
C言語・C++・C#
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
HTML/CSSを使って写真のような...
-
スマホ(android)のタッチパネ...
-
初心者html・CSS ウィンドウを...
-
ホームページの制作について教...
-
CSSデータの作成方法について(...
-
メモ帳の段落の揃え方
-
HTMLタグのあるCSVファイルを利...
-
WEBページを強制的に横画面で見...
-
css初心者 フレックスボックス...
-
テーブルタグのセルの幅の一部...
-
HTMLでクロス抽出したい
-
レスポンシブで困っています・・
-
GoogleSearchControlにホームペ...
-
htmlの<input type=”file”>でア...
-
Webサイトの「デザインのみ(コ...
-
webディベロッパーについて詳し...
-
CSSを教えて下さい webデザイナ...
-
静止画画像をクリックすると音...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
レスポンシブで困っています・・
-
HTMLでクロス抽出したい
-
iPhoneで HTMLファイルを閲覧
-
HTML/CSSを使って写真のような...
-
ホームページの制作について教...
-
スマホでHTMLファイルを開いて...
-
GoogleSearchControlにホームペ...
-
メモ帳の段落の揃え方
-
css初心者 フレックスボックス...
-
スマホ(android)のタッチパネ...
-
WEBページを強制的に横画面で見...
-
角丸画像の背景色を透明にした...
-
、URL化させるにはどうしたらい...
-
HTMLタグのあるCSVファイルを利...
-
静止画画像をクリックすると音...
-
テーブルのセルデータを自動改...
-
テーブルタグのセルの幅の一部...
-
スマホで、左右にスワイプして...
おすすめ情報








