在我的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的新手，請告訴我如果我的問題不合適。
這很可能是由於圖示所使用的字體的字距設定所造成的。每個字元周圍都有一些空間，以防止其與其他字元碰撞。在18em的情況下，這個空間比其他情況更明顯。
如果您想消除這個空間，您可以考慮使用SVG或其他圖像來取代當前的文字內容。然而，給用戶一些額外的空間來點擊也沒有問題。