<textarea name="code" class="css" cols="60" rows="5"> textarea { background: url(images/benice.png) center center no-repeat; /* This ruins default border */ border: 1px solid #888; } </textarea>
《2017年7月4日 15:10 公開/更新》 フォーカスのある入力フォームの装飾を変化させるCSS [フォーム,線,色] 複数の入力欄が並んでいるとき、ぱっと見て「今どこに入力可能な状態なのか」が分かりにくいこともあります。そんなとき「今、入力可能な状態になっている欄」(=フォーカスのある入力欄)だけ、装飾を変化させると分かりやすくなります。カーソルの入ったテキスト入力欄、選択したばかりのチェックボックスなど、フォーカスのある入力フォームの装飾だけを一時的に変化させるCSSの書き方を解説。 フォーカスのある入力フォームの装飾を変化させるCSS 入力可能状態になっている(=フォーカスのある)要素の装飾を一時的に変化させるスタイルシート 属性セレクタでテキスト入力欄に限定し、「フォーカスのあるテキスト入力欄」だけの装飾を変化させる フォーカスのある入力フォームの装飾を変化させるCSS 掲示板
スタイルシート部分は外部ファイル(sample.css)に記述。 p.sample1 {background-color: #f8dce0; padding: 10px;} p.sample2 {background-color: #f8dce0; margin: 30px; padding: 10px;} p.sample3 {background-color: #f8dce0; padding: 10px 20px;} p.sample4 {background-color: #f8dce0; padding: 10px 20px 30px;} p.sample5 {background-color: #f8dce0; padding: 10px 20px 30px 40px;} HTMLソース <html> <head> <link rel="stylesheet" href="sa
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く