ボタンを飾る

Movable Type3.2-ja 覚え書き 備忘録?

◎ボタンを飾る

投稿ボタンや検索ボタンなどボタンが可愛くない!
ってなわけでCSSに追記することにした
こんな風に↓
 

  CSSの「input」というところを探す
私の場合下記のようになっていた
/* フォーム */のところにあったinput(下記)は無視(^^ゞ
/* フォーム */
form {
margin: 0px;
}
input {
padding: 1px;
font-size: 12px;
}

 

 

 

 

もう少し探したらこんなのがありました
 

input,textarea { font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "MS Pゴシック", arial, sans-serif;
}

そこでこれを下記のようにしました
色はそれぞれ・・・自分のサイトにあわせて色づけを
 

input,textarea { font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "MS Pゴシック", arial, sans-serif;
font-size: 10px ;
padding: 1px ;
border: 1px solid #c875a5 ;
background: #FFFFFc ;
color: #777777 ;
}

保存・再構築
で出来上がり^^簡単でしょ

人気blogランキングへ

 

bibourokuimage7.gif