将鼠标悬停在不更改背景的颜色上

时间:2019-03-21 01:13:51

标签: html css

因此,由于我一直在努力将h4颜色从#333333更改为#ffffff,同时将背景从#ffffff更改为#028041

这是我的代码段

.pnl-heading {
  background: #F2F2F2;
  border: 1px solid #BDBDBD;
  box-sizing: border-box;
  padding: 11px 43px 13px 43px;
}

.pnl-heading a {
  font-size: 18px;
  letter-spacing: 0.03em;
  text-transform: capitalize;
  color: #333333;
}

.pnl-default .pnl-heading:hover, .pnl-default .pnl-heading.active {background:#028041; color: #FFFFFF}
<div class="pnl-default">
  <div class="pnl-heading active">
    <h4 class="panel-title">
      <a href="#">Group 1</a>
    </h4>
  </div>
</div>

<div class="pnl-default">
  <div class="pnl-heading">
    <h4 class="panel-title">
      <a href="#">Group 1</a>
    </h4>
  </div>
</div>

2 个答案:

答案 0 :(得分:0)

尝试一下:

 1. Login to your cPanel (if not already there)
 2. Click File Manager
 3. Click the name of the file for which you would like to change the
permissions.
 4. Select the Change Permissions link at the top right of the page.
 5. Select the permissions you would like to set for the file.
 6. Click Change Permissions

答案 1 :(得分:0)

尝试

#pnl-heading {
  background: #F2F2F2;
  border: 1px solid #BDBDBD;
  box-sizing: border-box;
  padding: 11px 43px 13px 43px;
}

#pnl-heading {
  background: #028041;
  border: 1px solid #BDBDBD;
  box-sizing: border-box;
  padding: 11px 43px 13px 43px;
}

#panel-title{
  color: #FFFFFF;
}

#panel-title:hover {
  color: #000000;
}

希望这会有所帮助