首頁 > web前端 > js教程 > 如何將遊標樣式設定為沒有 href 的連結的指針?

如何將遊標樣式設定為沒有 href 的連結的指針?

王林
發布: 2023-08-24 12:13:02
轉載
669 人瀏覽過

如何将光标样式设置为没有 href 的链接的指针?

我們可以使用HTML中的標籤來新增網頁的連結。 元素的預設遊標樣式是指針,但從 標記中刪除 href 屬性會變更遊標樣式。

因此,在本教程中,我們將學習在沒有 href 屬性的情況下將遊標樣式保持為 標記的指標。

使用者可以按照下面的範例查看元素的預設遊標樣式

範例

在下面的範例中,我們使用 標記來建立三個不同的連結。

在輸出中,我們可以觀察到,當我們將滑鼠懸停在第一個連結上時,遊標變成指針,因為它包含href 屬性;對於第二個鏈接,遊標也變成一個指針,因為它還包含一個帶有有空字串值的href 屬性,當我們將滑鼠懸停在第三個連結上時,遊標樣式會發生變化,因為它不包含href 屬性。

<html>
<body>
   <h2>Cursor pointer on the anchor texts</h2>
   <a href = "https://www.tutorialspoint.com/index.htm"> tutorialspoint</a>
   <br> <br>
   <a href = ""> Cursor pointer </a>
   <br> <br>
   <a> No cursor pointer </a>
</body>
</html>
登入後複製

現在,使用者了解了當我們從 標記中刪除 href 屬性時間標籤樣式如何變化。

下面,我們將看一下為沒有 href 屬性的連結設定遊標指標的範例。

文法

使用者可以依照下面的語法,使用 css 將遊標指標設定為不含 href 屬性的連結。

<style>
  .pointer {
     cursor: pointer;
   }
</style>
登入後複製

在上面的語法中,「pointer」是分配給 元素的類,我們更改了包含「pointer」類別的元素的指標樣式。

範例

在下面的範例中,我們建立了兩個不同的 元素,並將「pointer」類別指派給這兩個元素。在 部分,我們加入了網頁的內嵌樣式。我們在