Q&A
yambejpさん
ご返事ありがとうございます。
ご指摘いただいたdivのスタイルシートに関しては、勉強不足でした。
とりあえず試作を完成させたら、一から勉強しなおそうと思います！
プログラミング初心者です。
現在、Monaca(HTML5+Javascript)を使ってアプリの試作をしています。
その中に、利用者の方が枠なしのテキストボックス内にメッセージを書き込める機能があります。以下のソースコードで一応枠なしのテキストボックスは設置できましたが、入力する文字が枠に対して小さいことが気になります。
入力できる文字のサイズの変更を試み、
対策として<font>タグを使用してみましたが、依然効果がありません。
パターン➀
<div style="padding:10px;10px" "margin:10px;10px""font-size:large"> <input type="text" style="width:300px;height:50px;border-style:none;" name="textbox" placeholder="Input your message!"> </div>パターン➁
<font size="7">
原因を究明しております、よろしくお願いします。
回答3件
0
ベストアンサー
<input type="text" style="width:300px;height:50px;border-style:none;font-size:large;" name="textbox" placeholder="Input your message!">
でいけるのでは？
投稿2017/05/30 05:28
総合スコア104
0
inputのstyleにfont-size:1em;を設定してみてください
ちなみにdivについてるスタイルシートがめちゃくちゃです
投稿2017/05/30 05:31
総合スコア114837
0
keniroyaさんご提示の方法で可能です。
その他気になる点を挙げさせていただきます。
参考にして改修に役立ててください。
- styleをHTMLタグ内で直書きされていますが、思った通りに動作したら.cssファイルに外だしするのを推奨します。おそらくinput type=textも画面内に1つだけではないでしょうし、複数箇所に同じ設定があるのはメンテナンス性を損ねます。
- fontサイズの指定と直接関係はありませんが、パターン１、２ともdivのstyle設定が「"」により途切れているため正しく反映されないと思います。
- paddingやmarginもそうですが同じタグに複数の指定をしたい場合は「;」区切りではなく「半角スペース」区切りで指定します。参考：padding
他の例：
border:1px solid #dddddd;
background:url(XXX.png) no-repeat;
- fontタグは指定タグ内にある「テキスト」にしか効きません。
- ご提示のようにdivに指定されているfont-sizeはinputタグ内には影響が及ぼせません。inputタグに対して直接指定することで動作します。
投稿2017/05/30 05:42
編集2017/05/30 06:03
総合スコア80850
matsu1006さん
ご返事ありがとうございます。
仰る通り、keniroyaさんの方法で改善されました。
その他の点でもこれほどご指摘いただけるとは思いませんでした。
まだまだ発展途上なので、とても参考になります。
お時間割いていただきありがとうございました！
すみません。これだけ偉そうに列挙しておきながら正しくない表現があったので直しました。
いえ、とんでもないです。ありがとうございます！
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/05/30 05:50