- 締切済み
ファイル名入力フィールドのボタンを黒字にしたい。
ファイル名入力ボタンの参照ボタンを太字(bold)にすることはできないのでしょうか？下ののようなサンプルHTMLで通常のボタンは太字(bold)になるのにファイル名入力ボタンの参照ボタンが黒字になりません。よろしくご教授下さい。 --サンプルHTML <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html ; charset=Shift_JIS"> <title>ボタンを太字にしたい</title> <style type="text/css"> input.button { font-weight:bold; } </style> </head> <body> <input type="submit" name="Submit" value="送信" class="button"> <input type="file" name="textfield" class="button"> </body> </html>
- katana0514
- お礼率69% (16/23)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- leap_day
- ベストアンサー率60% (338/561)
こんにちは <input type="file">のvalue値は整形できないのでファイル名入力欄はなくなりますけど以下のような感じで参照ボタンを作れます javascriptを使用しますのでoffになっているときのための処理も忘れずに(こちらはデフォルトになりますけど） <input type="file" id="fileload" style="display:none"> <input type="button" style="font-weight:bold;background-color:aqua;" onClick="fileload.click()" value="参照" id="load"> <noscript> <style type="text/css"><!-- #load { display:none; } --></style> <input type="file"> </noscript>
お礼
ありがとうございました。 そのような方法があるのですね。 感動してしまいました。