Der Klickbereich des Schiebepfeils ist breiter als das Symbol

Question

Auf meiner WordPress-Entwicklungswebsite habe ich eine Diashow-Funktion für Galerien. Wenn Sie auf ein Bild klicken, wird eine Diashow gestartet. Mein Problem sind meine zwei weißen Pfeile, einer links und einer rechts. Der anklickbare Bereich des Pfeils ist breiter als die Größe des Symbols. Siehe Bilder unten.

Der anklickbare Bereich ist breiter als das Symbol

Dies ist die URL meiner Entwicklungswebsite

Ich habe versucht, meinen Code in diese Frage einzufügen, aber mir wurde gesagt: „Ihre Frage scheint Spam zu sein.“

Die CSS-Datei ist „https://dev.francisbegin.ca/wp-content/plugins/gallery-lightbox-slider/css/photobox/photobox.css?ver=1.0.0.39“

Der abgespielte HTML-Code befindet sich unten, bevor der Textkörper geschlossen wird. Die ID des enthaltenden Div ist „pbOverlay“.

Jede Hilfe wäre sehr dankbar. Ich bin neu bei Stackoverflow. Sagen Sie mir bitte, ob meine Frage unangemessen ist.

Answer 1

这很可能是由于图标所使用的字体的字距设置造成的。每个字符周围都有一些空间，以防止其与其他字符碰撞。在18em的情况下，这个空间比其他情况下更加明显。

如果您想消除这个空间，您可以考虑使用SVG或其他图像来替代当前的文本内容。然而，给用户一些额外的空间来点击也没有问题。