CSS コメント記入欄のボタンをかわいく・・

前に・・・ボタンを画像にすることをやりました

参考：CSS コメント投稿の枠やボタンの変更

参考：画像のボタンだけにする場合は　CSS　コメント投稿欄を画像に

今度はCSSだけでかわいくしてみたいと思います・・・

実は・・・アップするの忘れていました・・

/*コメント記入欄を表示ボタン*/
#comment_show input#commentbutton{
color:#ffffff;/*文字色*/
background-color:#ffc0cb;/*背景色*/
border-color:#ffb1c7;/*枠色*/
}

/*コメント記入欄を表示ボタン*/
#comment_show input#commentbutton{
height :20px;
color:#cc00ff;
border-top:3px double #ff66ff;
border-left:3px double #ff66ff;
border-right:3px double #ff33ff;
border-bottom:3px double #ff33ff;
background-color: #ff99ff;
text-align: center;
}

/*コメント記入欄を表示ボタン*/
#comment_show input#commentbutton{
height :20px;
color: #cc00ff;
border:3px outset #ffccff;
background-color: #ff99ff;
text-align: center;
}

ＣＳＳ　検索窓をかわいく ・・・　ボタン 　色の指定はココを参考にしてください

※ブログ右上の「アメブロ検索」はすでに画像になっていますからCSSで色を変えるのはできません

参考：CSS ブログの上・・・アイコンをかえま～ス

リクです・・・面倒なので？全部やっちゃって～・・・・

/*コメント記入欄*/
#comment_show input#commentbutton{/*ボタン*/
color:#ffffff;/*文字色*/
background-color:#ffc0cb;/*背景色*/
border-color:#ffb1c7;/*枠色*/
}
#comment_show{/*枠*/
border:2px dotted #ffb1c7;/*太さ2px 点線　色*/
}
#comment_show h4{/*コメント投稿*/
padding-left:20px;/*画像の横＋余裕*/
font-size:12px;/*文字のサイズ*/
color:#ffb1c7;/*文字の色*/
background:url(http://stat.ameba.jp/blog/ucs/img/char/char2/035.gif ) no-repeat;
}
#comment_show p{/*コメント記入欄を表示するには・・・*/
color:#ffb1c7;/*文字の色*/
}

記事とかコメントを狭くしている場合は・・
その幅に合わせて狭くします

#comment_show{
width:300px;
}
#comment_module li.lastItem {
width:300px;
text-align:center;
}