将鼠标移至 HTML 来源

Question

在 SharePoint 页面上我有这个：

我想让鼠标经过"Ulm","Oberkochen"等等

当我编辑 Web 部件并单击“编辑源”时，出现以下内容：

<style>


.dd13 { 
 color: #FFFFFF;
 Font: 12px Arial
 background-color:: #48A040;
 Padding: 3px 3px 3px 3px;


}

</style><script>
function openLink(url) {


  window.open(url);
}


</script> 
<table class="dd13"> 
   <tbody>
      <tr> 
         <td onclick="openLink(&#39;mysite.aspx?locations=Ulm&#39;);" class="dd13" style="background-color: #48a040;">Ulm</td>
         <td style="background-color: #ffffff;">&#160;</td> 
         <td onclick="openLink(&#39;mysite.aspx?locations=Oberkochen&#39;);" class="dd13" style="background-color: #48a040;">Oberkochen</td>
         <td style="background-color: #ffffff;">&#160;</td> 
         <td onclick="openLink(&#39;mysite.aspx?locations=Taufkirchen&#39;);" class="dd13" style="background-color: #48a040;">Taufkirchen</td>
         <td style="background-color: #ffffff;">&#160;</td> 
         <td onclick="openLink(&#39;mysite.aspx?locations=Wetzlar&#39;);" class="dd13" style="background-color: #48a040;">Wetzlar</td>
         <td style="background-color: #ffffff;">&#160;</td> 
         <td onclick="openLink(&#39;mysite.aspx?locations=Friedrichshafen&#39;);" class="dd13" style="background-color: #48a040;">Friedrichshafen</td>
         <td style="background-color: #ffffff;">&#160;</td> 
         <td onclick="openLink(&#39;mysite.aspx?locations=Kiel&#39;);" class="dd13" style="background-color: #48a040;">Kiel</td>
         <td style="background-color: #ffffff;">&#160;</td> 
         <td onclick="openLink(&#39;mysite.aspx?locations=%25C3%25B6&#39;);" class="dd13" style="background-color: #48a040;">Köln</td>
      </tr> 
   </tbody>
</table> 
<p> 
   <br/>To register yourself to a seminar please click on this icon 
   <a title="Book for me" class="book-for-me-button"></a>. To register someone else to a seminar, please click on this icon 
   <a title="Book for me" class="book-for-user-button"></a>.<br/></p>

我在 Internet 上找不到任何东西，但是有人知道我必须在源代码中写什么才能让鼠标悬停在 "Ulm" 等上时鼠标发生变化吗？

Answer 1

使用这个css代码来改变鼠标悬停效果根据您的代码，您可以在两种情况下编写样式。

table class="dd13" & td class="dd13" both are same.    

<style>

table.dd13:hover {cursor: pointer;}

/*OR*/

td.dd13:hover {cursor: pointer;}

</style>

[Link 不同的游标] : https://www.w3schools.com/cssref/pr_class_cursor.asp

将鼠标移至 HTML 来源

Change mouse over with HTML source

html

sharepoint

mouseover

web-parts