问不能在悬停时设置背景颜色

EN

<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>

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