PrimeVue脑膜

Question

我用菜单创建了一个下拉菜单。然而，我有收集的问题：

• 透明度做得很好，但是水平项的大小太高了(所以不能垂直居中)。所需的高度为30个像素，全部包含在内；(仅用高度:30 is解决；处于被动模式(既不悬停也不选择)。水平菜单中选择的"Button“项仍然过高

• 垂直菜单项与每个菜单上方的距离太大，垂直菜单的宽度太窄;

• 垂直菜单项中的运动不像在水平菜单中那样物化(带有蓝色)；

• 不可能用鼠标移动到子菜单。只有键盘箭头。为什么?

我尝试了很长时间的css，修改了传奇-蓝色主题的"theme.css“，但是除了代码中包含的css行之外，什么也做不了：

代码：

.p-menubar {
     background: transparent;
     padding: 0;
     height: 30px;
}

要修改的特定css元素和子句是什么？

Answer 1

最后，使用Chrome的检查器，我最终发现了所涉及的CSS类。通过对我想要的价值的探索。

受影响的代码：

文件中的vue.js：

<div id="menuU" class="user-menu" v-show="isvisible()">
         <Menubar:model="items" class="p-menubar"></Menubar>
</div>

v-show参数是特定于应用程序的，这里没有给出。

css中的：

.menu-utilisateur {
     background-color: lightgrey;
     height: 30px;
 }

.p-menubar {
     background-color: lightgrey;
     padding: 0px;
     height: 30px;
}

 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
     padding: 0.5rem 1rem !important;
 }

 .p-menubar .p-menuitem-link {
     padding: 0.5rem 0.5rem !important;
 }

别忘了！重要。它覆盖默认值。