css - 如何在悬停时将边框居中

标签 css wordpress elementor

如何在悬停时使边框居中?

.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;
}

我在找 enter image description here

目前,我有

enter image description here

最佳答案

无论出于何种原因,它都是绝对定位的,这不是一个很好的策略。但是排序解决方案集:

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

关于css - 如何在悬停时将边框居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57861625/

相关文章:

html - Flexbox 悬停使子菜单 txt 仅出现在悬停列中

html - 为什么 svg 元素不遵守 CSS 'bottom'、 'top'、 'left'、 'right' 属性?

jquery 自动滚动当前 li 所在的位置

menu - 创建新类型的导航菜单项

html - 如何向 WordPress 菜单栏添加 2 条条纹?

css - 使用 Wordpress Rest API 获取 Elementor 生成的内联 CSS

html - 如何使用伪元素在 CSS 中制作垂直树

javascript - 带有许多无序列表项的溢出 div 区域

css - @font-face 不知何故不起作用

javascript - 基于 scrollTop 和 scrollUp 的站点标题是否可见?