Chrome 上未显示箭头

Posted 2023-03-27

【中文标题】Chrome 上未显示箭头

【英文标题】：Arrows not displayed on Chrome

【发布时间】：2016-10-09 19:31:38

【问题描述】：

我正在使用 Sharepoint 2013 Enterprise 平台，并且在空白区域中我插入了一些自定义 html：

<td id="MSOZoneCell_WebPartWPQ2" valign="top" class="s4-wpcell-plain ">
   <table class="s4-wpTopTable " border="0" cellpadding="0" cellspacing="0" >
      <tbody>
         <tr>
            <td class="ms-WPBorderBorderOnly" valign="top">
               <div webpartid="47e70058-3c1d-4f9f-902c-d8a25861a63f" haspers="false" id="WebPartWPQ2"  class="ms-WPBody noindex " allowdelete="false" style="">
                  <div class="egovstyle-FontSize-4" style="color: rgb(128, 128, 128); text-decoration: none;"><span style="color: rgb(128, 128, 128); text-decoration: none;"><span style="color: rgb(128, 128, 128); text-decoration: none;">​​</span></span><span style="color: rgb(128, 128, 128); text-decoration: none;"><span style="color: rgb(128, 128, 128); text-decoration: none;"><span style="color: rgb(128, 128, 128); text-decoration: none;"><strong>EVEN​​TS​​ / NEWS</strong></span></span></span></div>
                  <p><span class="egovstyle-Style-arrow"></span><a href="/en/Pages/2016%20Competitions%20for%20Local%20Councils%20and%20NGOs.aspx">Competitions for Local Councils and NGOs</a></p>
                  <p><span class="egovstyle-Style-arrow"></span><a href="/en/Pages/Programme%20of%20Activities%20for%202016%20in%20Malta.aspx">Programme of Activities EMW 2016</a></p>
                  <p><span class="egovstyle-Style-arrow"></span><a href="/en/Pages/Press-Conference-EMW-2016.aspx">Press&nbsp;Conference&nbsp;European&nbsp;Mobility&nbsp;Week&nbsp;2016&nbsp;</a></p>
                  <p><span class="egovstyle-Style-arrow"></span><a href="/en/Pages/Government-Grants.aspx">2016 Scrappage Scheme and Grants​</a></p>
                  <p><span class="egovstyle-Style-arrow"></span><a href="/en/Pages/Electromobility-Day-at-MCAST.aspx">Electromobility Day at MCAST​</a></p>
                  <p><span class="egovstyle-Style-arrow"></span><a href="/en/Pages/Greening-the-Environment-Initiative-Awarded.aspx">Port-PVEV receives award​</a></p>
                  <p><span class="egovstyle-Style-arrow"></span><a href="/en/Pages/Deployment%20of%20Green%20Infrastructure.aspx">Transport Malta deploys 13 Electric Vehicles​</a></p>
               </div>
            </td>
         </tr>
      </tbody>
   </table>
</td>

在其他浏览器 (IE/Firefox) 上显示正确：

但在 Chrome 上显示如下：

您知道是什么原因造成的吗？

【参考方案1】：

那么，尝试在两个项目的 a 元素之前添加跨度元素，就像为其他项目所做的那样？

【讨论】：

请发布你的css