导航使字体加粗

Question

所以我已经开始设计供以后使用，我不知道为什么，但它使我的导航中的字体加粗？ - 我在悬停时做了一个下拉菜单，当它向下时，粗体会得到它的常规重量？

我

找到了一个帖子，建议我使用此代码：

-webkit-transform: translateZ(0);

但它更友好地颠倒了，所以它从一开始就不是粗体，但是当我悬停在菜单项上时，字体会变粗。

有什么建议吗？小提琴

Answer 1

替换这个 css。

    nav > ul > li 
    {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 16px 25px;
    cursor: pointer;
    font-weight:bold;
    }