長文失礼いたします。
CSSを上書きしてbootstrapをカスタマイズする際のリンクについてです。
lessがわからない人のBootstrap簡単カスタマイズ方法
http://qiita.com/maruyam-a/items/c5642a4cb279be75a1b2
にてカスタマイズ用のcssファイルを作ってbootstrapのCSSより後から読み込んでいます。
そして、下記コードの
lang
1<a href="#" class="custom_btn2">都道府県から調べる</a>
custom_btn2を、
lang
1a.custom_btn2: { 2 background-color:#62162e; 3 -webkit-border-top-left-radius:30px; 4 -moz-border-radius-topleft:30px; 5 border-top-left-radius:30px; 6 -webkit-border-top-right-radius:30px; 7 -moz-border-radius-topright:30px; 8 border-top-right-radius:30px; 9 -webkit-border-bottom-right-radius:30px; 10 -moz-border-radius-bottomright:30px; 11 border-bottom-right-radius:30px; 12 -webkit-border-bottom-left-radius:0px; 13 -moz-border-radius-bottomleft:0px; 14 border-bottom-left-radius:0px; 15 text-indent:0; 16 border:4px solid #540f25; 17 display:inline-block; 18 color:#f2e6e4; 19 font-family:Impact; 20 font-size:18px; 21 font-weight:bold; 22 font-style:normal; 23 height:65px; 24 line-height:65px; 25 width:200px; 26 text-decoration:none; 27 text-align:center; 28} 29a.custom_btn:hover { 30 background-color:#0e2605; 31 color:#f2e6e4; 32} 33a.custom_btn:active { 34 position:relative; 35 top:1px; 36}
のように指定して表示させたいのですが、:hover時の背景と文字の色に変化が見られません。
bootstrapを初めて使うので、解決策が分かりません。
どのようにすれば:hover時の背景と文字の色を変えることができるのでしょうか。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/06/01 12:43