Question

我无法设置背景颜色：hover for ID＆＃34; tags＆＃34;我觉得它是因为它被id＆＃34; tripBox＆＃34;取代了。因为当我在悬停时更改字体大小时，它无法正常工作，只是无法设置它的背景颜色。

<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';
}

Answer 1

CSS正在运作。问题是背景是＃D3D3D3，你试图将它改为相同的颜色（＃D3D3D3）。

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

Answer 2

是的，改为＃D3D3D3以外的颜色会起作用，而且在Css中不需要引号，你也可以查看https://www.w3schools.com/css/css_pseudo_classes.asp以获取有关伪类的更多信息。

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

2 个答案: