首頁 > web前端 > css教學 > 如何正確定位按鈕以進行懸停顏色變更?

如何正確定位按鈕以進行懸停顏色變更?

DDD
發布: 2024-11-02 05:04:30
原創
332 人瀏覽過

How to Correctly Target a Button for Hover Color Change?

如何有效地更改懸停時按鈕的顏色

要修改按鈕懸停時的顏色,請按照以下步驟操作:

提供的程式碼不起作用,因為「a.button a:hover」的目標是懸停在按鈕上的連結。相反,使用“a.button:hover”在按鈕懸停時直接定位按鈕。

這是修正後的程式碼:

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:hover {
  background: #383;
}
登入後複製

此修改將成功變更按鈕懸停時的顏色結束了。

以上是如何正確定位按鈕以進行懸停顏色變更?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板