时间戳

首页 > 解决方案 > 无法在悬停时设置背景颜色

html - 无法在悬停时设置背景颜色

问题描述

我无法在 :hover 上为 ID“tags”设置背景颜色 我觉得这是因为它被 id “tripBox”替换了，因为当我在悬停时更改字体大小时它可以工作，只是无法设置它的背景颜色。

<center><div style="position:absolute; z-index:999; display:none;" class="map_id" id="map"></div></center>
        <div class="col-sm-6">
          <div style="background:#D3D3D3" id="tripBox" class="box">
                <div class="row">
                  <div class="col-sm-6">
                      <img onClick="test()" style="opacity:2.0" id="trip_image" src="some_url" class="location-map img-responsive">
                  </div>
                  <div id="info_box" class="col-sm-6">
                    <p>Test</p>
                    <p>07/08/20 </p>
                    <p>Device ID # <a class="trip-id" href="">456789</a></p>
                    <div id="tags">
                       <span><i style="margin-right:2%;" class="fas fa-tag"></i></span>
                       <div style="display:inline" contenteditable="true">test tag, test tag2</div>
                       <span id ="icon_span_id" class="glyphicon">&#x270f;</span>
                                          <br><br>
                    </div>

                    <p style="color:red;" class="display_text">My Display</p>

                  </div>

                </div>

            </div>
        </div>

我的 .css 看起来像这样：

#tags:hover{
   background : '#D3D3D3';
}

标签： htmlcss

解决方案

CSS正在工作。问题是背景是#D3D3D3，而您正试图将其更改为相同的颜色（#D3D3D3）。

#tags:hover{
   background-color: #ffffff;
}

推荐阅读