相关疑难解决方法(0)

我正在建立一个类似向导的订购流程,我有这个菜单:

活动页面显示为绿色(在本例中为Model).

如何仅使用CSS制作此箭头？:

目前我通过使用几个div和图像实现我的目标:

<div class="menuItem">
    <div></div> <!-- The left image -->
    <div>Varianten</div>
    <div></div> <!-- The right image -->
</div>

左图:

正确的形象:

我找到了一个SO答案,其中包含了一部分: 带有CSS的箭盒,但是我在左边的缩进时遇到了麻烦.

如果您对如何做到这一点有更好的了解,请告诉我!

我很难回答如何使用 CSS 执行此按钮。最简单的方法是使用 :after 和右侧部分的背景图像，但这在悬停效果方面并不美观和干净。

我已经能够用右边的蓝色箭头自己解决它，但是这个“双箭头”让我发疯了。