メッセージの編集
タイトル
お名前
本文
名前変換のボックスがPCの時にはきちんと色が反映されているのですが、スマホの時に真っ白で文字も白なので色をPC表記時と同じにしたいです。 名前変換レイアウトは以下の通り <br> #formStart# #formInput_#name## #formInput_#farst## <br><br> #formSubmit_設定# #formClear_クリア# #formEnd#<br> HEAD内は以下の通り <style> @charset "UTF-8"; /* Template & Designed by Towako. */ /* https://ninawas.me */ /* ウェブフォントの読み込み */ @import url('https://fonts.googleapis.com/css?family=Cedarville+Cursive|Noto+Serif+JP&display=swap'); @font-face { font-family: 'はれのそら明朝'; font-display: swap; src: url('https://cdn.leafscape.be/Harenosora/harenosora_web.woff2') format("woff2"); } /*------------------------------------------------- このフォントはIPAフォントライセンスv1.0の下で提供されています。 http://ipafont.ipa.go.jp/ipa_font_license_v1.html オリジナルのフォントは以下から取得できます。 <blockquote class="wp-embedded-content" data-secret="Zcpa0mdkdz"><a href="https://fontopo.com/?p=377">はれのそら明朝</a></blockquote><iframe class="wp-embedded-content" sandbox="allow-scripts" security="restricted" style="position: absolute; clip: rect(1px, 1px, 1px, 1px);" src="https://fontopo.com/?p=377&embed=true#?secret=Zcpa0mdkdz" data-secret="Zcpa0mdkdz" width="500" height="282" title="“はれのそら明朝” [V:8212] fontopo" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> http://ipafont.ipa.go.jp/ -------------------------------------------------*/ /* フォントここまで */ /* 全体に適用する */ * { padding: 0; margin: 0; box-sizing: border-box; font-weight: normal; font-family: 'Noto Serif JP', serif; } /* 基本設定 */ body { text-align: center; background-color: #fff; line-height: 1.7; letter-spacing: 0.1em; font-size: 13px; color: #000; } /* リンク */ a { text-decoration: none; border-bottom: thin solid #e3acae; color: #000; } /* ヘッダー */ header { margin: 0 auto 2.5em; padding: 1.5em 0; max-width: 500px; background: url('画像URL') center/cover; } header #head { padding: 5em 0; background-color: rgba(255, 255, 255, 0.5); } /* 見出し */ header #head h1 { position: relative; margin: 0 auto; width: 80%; letter-spacing: 0.4em; text-indent: 0.4em; font-size: 1.3em; } /* フォントの指定 */ header #head h1, article h1 { font-family: 'はれのそら明朝', 'Noto Serif JP', serif; } /* 鍵括弧 */ header #head h1::before, header #head h1::after { position: absolute; content: ''; display: block; width: 15px; height: 25px; } header #head h1::before { top: -0.5em; left: 0; border-top: thin solid #000; border-left: thin solid #000; } header #head h1::after { right: 0; bottom: -0.5em; border-right: thin solid #000; border-bottom: thin solid #000; } /* セクションとアーティクル */ section, article { width: 80%; max-width: 500px; margin: 2.5em auto; } /* 見出し */ section h2 { font-family: 'Cedarville Cursive', cursive; } /* リスト系 */ section ul { margin: 0.5em auto; list-style-type: none; } section ul p { color: #808080; } /* 左寄せ */ .left, article { text-align: justify; word-break: break-all; } .left ul { margin-left: 1em; padding-left: 1em; border-left: 2px solid #efefef; } /* 右寄せ */ .right { text-align: right; } .right ul { margin-right: 1em; padding-right: 1em; border-right: 2px solid #efefef; } /* 中央寄せ */ .center ul { margin: 0.5em 1em; border-left: 2px solid #efefef; border-right: 2px solid #efefef; } /* 横並び */ .float li { display: inline-block; } /* アーティクル見出し */ article h1 { margin-bottom: 1em; text-align: center; } /* 飾り線 */ .line { width: 100%; height: 10px; background-color: #e3acae; } /* メニュー */ .menu { margin-top: 2em; text-align: center; } .menu li { display: inline-block; } .menu li a { margin: 0 0.5em; } /* フッター */ footer { margin: 1em auto 1.5em; } /* フォーム系 */ textarea, input[type] { -webkit-appearance: none; padding: 0.2em 0.5em; background-color: #e3acae; border: none; border-radius: 0; color: #fff; } textarea { width: 200px; height: 70px; } input[type=text] { width: 90px; } input[type=submit] { width: auto; } /* 横幅768px以上で適用 */ @media screen and (min-width:768px) { /* フォントサイズ */ body { font-size: 14px; } } </style> ご教授頂けると幸いです。
編集パス
編集
記事削除
×
人気急上昇中のBL小説
BL小説 BLove
- ナノ -