幻燈片箭頭的點擊區域寬度超過圖標

Question

在我的WordPress開發網站上，我有一個用於圖庫的幻燈片功能。當你點擊一張圖片時，它會開始播放投影片。我的問題是我的兩個白色箭頭，一個在左邊，一個在右邊。箭頭的可點擊區域比圖示的大小寬。請參考下面的圖片。

可點選區域比圖示寬

這是我的開發網站的URL

我嘗試在這個問題中包含我的程式碼，但係統告訴我「您的問題似乎是垃圾郵件」。

CSS檔案是「https://dev.francisbegin.ca/wp-content/plugins/gallery-lightbox-slider/css/photobox/photobox.css?ver=1.0.0.39」

播放的HTML位於最底部，在body關閉之前。包含div的ID是“pbOverlay”。

任何幫助將不勝感激。我是stackoverflow的新手，請告訴我如果我的問題不合適。

Answer 1

這很可能是由於圖示所使用的字體的字距設定所造成的。每個字元周圍都有一些空間，以防止其與其他字元碰撞。在18em的情況下，這個空間比其他情況更明顯。

如果您想消除這個空間，您可以考慮使用SVG或其他圖像來取代當前的文字內容。然而，給用戶一些額外的空間來點擊也沒有問題。