web-dev-qa-db-ja.com

ホバー時にボタンの色を変更するにはどうすればよいですか？

ホバー時にボタンの色を変更する必要があります。

ここに私の解決策がありますが、うまくいきません。

a.button {
   display: -moz-inline-stack;
   display: inline-block;
   width: 391px;
   height: 62px;
   background: url("img/btncolor.png") no-repeat;
   line-height: 62px;
   vertical-align: text-middle;
   text-align: center;
   color: #ebe6eb;
   font-family: Zenhei;
   font-size: 39px;
   font-weight: normal;
   font-style: normal;
   text-shadow: #222222 1px 1px 0;
}
a.button a:hover{
     background: #383;
}
cssbuttonhover
20
getaway

a.button a:hoverは、「ホバーされているリンクは、クラスbuttonを持つリンクの子です」という意味です。

代わりにa.button:hover。

38
Matchu

セレクタが間違っているようです。使用してみてください：

a.button:hover{
     background: #383;
}

あなたのコード

a.button a:hover

クラスボタンでa内のa要素を検索することを意味します。

13
BrunoLM
a.button:hover{
    background: #383;  }

私のために働くが、私の場合

#buttonClick:hover {
background-color:green;  }
1
Penh