P-2.入力コントロール中 ページ10
##
入力コントロール中……言うなれば入力欄にカーソルがある状態のときのみ、変化を起こすソースです。
フォーカスと言ったら伝わりますかね。
この講座でも使用しています。
試しに下にあるコメント欄に何か入力しようとしてみてください。
タップ(クリック)すると、色が変わりますよ。
▶ソース【𝕤𝕠𝕦𝕣𝕔𝕖】
input[type=text]:focus{
background-color:#カラーコード !important;
}
端的に言えば、「:hover」の入力欄ver.みたいなものです。
使えると意外と面白いです。
個人的には、ボタンの色と合わせると印象が揃うのでお勧め。
!important がありますが、多分無くてもどうにかできそうではあります。
無い場合の反映状況は調べていないので分かりませんが。
▶まとめ【𝕤𝕦𝕞𝕞𝕒𝕣𝕪】
【:focus】は、入力コントロール中の設定。
この小説をお気に入り追加 (しおり)
登録すれば後で更新された順に見れます 141人がお気に入り
お気に入り作者に追加
この作品を見ている人にオススメ
この作品を見ている人にオススメ
「オリジナル」関連の作品
違反報告 - ルール違反の作品はココから報告感想を書こう！(携帯番号など、個人情報等の書き込みを行った場合は法律により処罰の対象になります)
くるみ(プロフ) - 十六夜シロさん» 分かりにくくてすみません。タイトルの右に出るNowのことです。 (10月9日 10時) (
レス) id: dd662f3c96 (このIDを非表示/違反報告)
十六夜シロ(プロフ) - くるみさん» Nowとはどこのことでしょうか？新しく話を投稿したときタイトルの右に出るNewのことか、それとも別の場所のことでしょうか？ (10月9日 9時) (レス) id: e7a8daffa1 (このIDを非表示/違反報告)
くるみ(プロフ) - 質問です。Nowの文字色を変えたいんですけど、どうやったら変えれますか？ (10月4日 12時) (レス) @page28 id: dd662f3c96 (このIDを非表示/違反報告)
菊花s(プロフ) - すみません、質問させていただきます。関連作品やコメント欄の、上段と下段の間(1mmの隙間、このデザインでは濃い水色の部分)の色の変え方を知りたいです。お願いします。 (2022年12月4日 16時) (レス) id: c37532ea08 (このIDを非表示/違反報告)
コハク(プロフ) - 口座を作ってくださり、ありがとうございます！この講座で勉強中です。 (2022年12月4日 15時) (レス) id: 9ac8670e3b (このIDを非表示/違反報告)
作品は全て携帯でも見れます
同じような小説を簡単に作れます → 作成
この小説のブログパーツ
