cocoonでボタン装飾したくて、追加CSSを記述しました。
#btn-amazon { background: #fd9535;/*背景色*/ } #btn-rakuten { background: red;/*背景色*/ } #btn-amazon,#btn-rakuten{ width:80%; position: relative; display: inline-block; text-align: center; padding: 0.25em 0.5em; text-decoration: none; color: #FFF; border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/ border-radius: 4px;/*角の丸み*/ box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19); font-weight: bold; } #btn-amazon:hover,#btn-rakuten:hover{ background-color: blue; }
最後のhoverがなぜか反映されません。デベロッパーツールをみても、反映されていないようでした。
構文的になにかおかしいところはありますか?
あなたの回答
tips
プレビュー