質問させてください。
下記のように、参照フォームと送信ボタンを横並びで設置したいのですが、
ブラウザ毎で参照ボタンと送信ボタンのサイズがずれてしまいます。
IE7・IE8・Firefox3.6でボタンの大きさ(高さや文字位置)をCSSで合わせるにはどうしたらいいでしょうか・・・。
完全に合わせるのは不可能なんでしょうか?
<input type=file name=""><input type=submit value="送信する">
何かいい方法がございましたら、教えていただけますでしょうか。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
こんにちは。
外部スタイルシートは使っていないものと仮定してお返事いたします。
<input style="padding:5px;font-size:11px;width:120px;" type=submit value="送信する">
上記style="" の部分を同じように参照のinputにも書き加えてください。
input要素には幅などが指定できるので、これでうまくいくはずです。
font-sizeや、width、paddingなど、大体私の好みで書きましたので、
ご自分の好きな大きさや隙間に設定しなおしてみてください。
ちなみに
border:色 ○px solid ;
と書くとinputの周りの線を好きな色にしたり太さにしたりできます
borderについての参考url
http://www.tagindex.com/stylesheet/box/border.html
borderを書くときもstyle=""の中に書いてみてください。
こういったことのご質問でなければすみません・・・。
No.1
- 回答日時:
これが正しい方法かどうかは分からないけど、ボタンの大きさは変えられます。
<input type=file name=""><input type=submit value="送信する"style="_font-size:10px;">
元々ブラウザ毎でフォーム部品の大きさが違うのは仕様だから仕方ないですね…
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript Javascriptを使ってQRコード読み取り、取得した情報をPOSTしたいと思っています。 1 2023/04/28 15:18
- HTML・CSS 検索窓とcssハックについて 3 2022/04/22 12:21
- PHP PHP MySql 画像を取得 1 2022/06/04 14:05
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript jsで質問です。 ボタンが二つ存在し、両方のボタンがクリックされたことをチェックしたいのですが、どの 4 2022/11/22 10:30
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLボタンの文字色を変え...
-
getParameterで値が取得できず...
-
submitボタンにvalue属性の値で...
-
checkboxとlabelがずれる
-
SUBMITボタンを表示させないでS...
-
リンクでPOSTデータを送信する...
-
HTML ラジオボタン nameの大文...
-
メールフォームでの送信確認か...
-
<FORM> </FORM> の中に さらに...
-
戻ると、記入フォームの内容が...
-
ボタンを押すと、テキストエリ...
-
参照ボタンの横に大きさを揃え...
-
UWSC
-
[html]<input type="file">タグ...
-
グーグルマップの文字化けで困...
-
c# 文字列の最後から1文字削除...
-
WCFのwsDualHttpBindingについて
-
DataGridViewのチェックボック...
-
Accessの画面更新を一時的に停...
-
エクセルVBA 別のブックのユ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLボタンの文字色を変え...
-
submitボタンにvalue属性の値で...
-
checkboxとlabelがずれる
-
リンクでPOSTデータを送信する...
-
getParameterで値が取得できず...
-
SUBMITボタンを表示させないでS...
-
<FORM> </FORM> の中に さらに...
-
ボタンのなかに表示する文字を...
-
formでのtarget="_blank"2回目
-
INPUTのボタン周囲のスペース
-
戻ると、記入フォームの内容が...
-
チェックボックスの値をコピー
-
ボタンをクリックした時に、入...
-
HTMLのKEYとVALUE...
-
HTML ラジオボタン nameの大文...
-
HTMLでのid とnameの違い
-
formの送信ボタンをテキストに...
-
<form>中の<button>タグのv...
-
グーグルマップの文字化けで困...
-
input button の文字の色を2色...
おすすめ情報