基础顶杆半径

时间:2014-09-17 11:42:22

标签: css html5 zurb-foundation

我正试图绕过基础zurb的顶栏导航,我设法使左侧圆形而不是右侧。我只需要绕导航的顶部。

这使左侧变圆,但当我放右侧时它根本没有变化。

.top-bar.radius {
        border-top-left-radius: 3px;
}

3 个答案:

答案 0 :(得分:1)

好吧,我已经将基础css文件作为外部文件包含在你的小提琴中。这是我的fiddleborder-radius-top-right: 3px;已正确显示。看看是否有一些默认的基础类会覆盖你的风格。

答案 1 :(得分:0)

您可能存在特异性冲突。要进行调试,请尝试将!important添加到CSS适当的末尾。

如果有效,那么解决方案就是为这个栏创建一个类,以提高其特异性。

答案 2 :(得分:0)

您的风格可能会被基金会CSS拒绝。

尝试在样式属性中添加它:

  

style =“border-top-left-radius:3px;”