如何将边框置于悬停中心

Posted 2023-03-06

【中文标题】如何将边框置于悬停中心

【英文标题】：How can I center the Border On Hover

【发布时间】：2020-01-11 16:04:55

【问题描述】：

如何将边框居中悬停？

.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after 
    background-color: #61ce70;
    width: 18%;
    margin: 0 auto;

我正在寻找

目前，我有

【问题讨论】：

将right: 0添加到上面有问题的CSS中，它应该可以工作，但不确定这是否是最好的。

是的，这个也有效。非常感谢。

【参考方案1】：

无论出于何种原因，它都被定位为绝对的，而不是一个伟大的策略。但是排序解决方案设置：

left: 41%

对于这条规则：

.elementor-75 .elementor-element.elementor-element-c3c42c8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-75 .elementor-element.elementor-element-c3c42c8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after

【讨论】：

位置由插件设置。感谢您的快速回复和解决方案。