コメント入力欄の色を変える

コメントや検索等の記入欄の文字色・背景色・枠色を変えるカスタマイズを紹介します。

スタイルシートの何処にでもよいので次の記述を加えます。

/* 一行入力欄のスタイル */
input {
color:#ffffff; /* 文字の色 */
background-color:#000000; /* 背景の色 */
border:#cccccc 1px solid; /* 枠の色・幅・スタイル */
}

/* コメント入力欄のスタイル */
textarea {
color:#ffffff; /* 文字の色 */
background-color:#000000; /* 背景の色 */
border:#cccccc 1px solid; /* 枠の色・幅・スタイル */
}

これで各記入欄のスタイルを変えることが出来ます。お好みの色になるように数値を設定してください。

関連記事

[ 2006/10/26 22:27 ] カスタマイズ共通カスタマイズ | TB(0) | CM(8)

≪ 標準的なコメントリンクに戻す | HOME | 画像に枠をつける ≫

[ 713 ] 質問です。。

コメント欄の投稿者のメールアドレスが、リンクされませんでした。
URLのように、リンクするのは、どうしたらいいですか？

[ 2006/10/27 00:35 ] [ 編集 ]

[ 715 ] > ViViさん

こんばんは、ViViさん。
ちょうどメールに対応したコメントリンクにする方法を掲載したところです。

標準的なコメントリンクに戻す
http://10plate.blog44.fc2.com/blog-entry-91.html

ただしやはりコメントにメールアドレスを入れることはお薦めではありません。参考までにどうぞ。

[ 2006/10/27 01:44 ] [ 編集 ]

[ 3526 ] 画像を入れました

こちらのカスタマイズを参考にコメント欄に画像を入れてみました。
なかなかいいかも＾＾

[ 2008/09/11 21:08 ] [ 編集 ]

[ 3576 ]

最後にコメント欄が白くてやだなぁって思ってたところでした
本当に助かりました
ありがとう＞＜

[ 2008/11/06 04:20 ] [ 編集 ]

[ 8112 ] これ入れると…

チェックボックス（ここで言うと、「□管理者～」の四角の部分に適用されないようには出来ないものでしょうか？

[ 2010/01/30 08:57 ] [ 編集 ]

[ 8113 ] 事故解決しました

<input id="name" type="text" ～省略～　class="任意"/>
と言う風に個別にすると出来ました(^_^)