onclick css - 边框半径不起作用

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 ，此 select 或用于 select 和样式活动 link.

Answer 2

将以下内容添加到您的 CSS

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

这应该可以解决问题。希望这有帮助

Answer 3

你可以这样使用css。对我有用

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

onclick css - 边框半径不起作用

onclick css - border radius doesn't work

css

menu

border

radius

button