Question

在http://www.backyardbiologics.com上我已将菜单栏的CSS更改为边框半径：

#header-v4 #navigation ul#nav > li.current-menu-item > a,
{border-top-left-radius: 8px;
 border-top-right-radius: 8px; }

悬停时，边框半径正常。但是点击后，边框半径消失，按钮再次变成正方形。有什么方法可以在CSS中改变这个吗？或者这是一个需要调整的JavaScript？

Answer 1

    #header-v4 #navigation ul#nav > li.current-menu-item > a:active,
    {
     border-top-left-radius: 8px;
     border-top-right-radius: 8px; 
    }

添加:active，此选择器用于选择活动链接并为其设置样式。

Answer 2

你可以使用这样的CSS。它对我有用

{
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; 
  transform: translateZ(0);
}

Answer 3

将以下内容添加到CSS

#header-v4 #navigation ul#nav > li > a {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

这应该解决它。希望这有帮助

onclick css - 边框半径不起作用

3 个答案: