使用border-radius为元素添加边框

Question

有趣的是，这在Firefox中对我不起作用，为什么没有显示边框？

CSS

.cue-points ul li a{
    text-indent:-9999px;
    -webkit-border-radius: 180px;
    -moz-border-radius: 180px;
    border-radius: 180px;
    border:1px solid #000;
    display:block;
    height:15px;
    width:15px;
}

HTML

<a href="#one">One</a>

Answer 1

检查 .cue-points ul li a

通常会遗漏一些东西 这将很好地工作

a{
    text-indent:-9999px;
    -webkit-border-radius: 180px;
    -moz-border-radius: 180px;
    border-radius: 180px;
    border:1px solid #000;
    display:block;
    height:15px;
    width:15px;
}

如果你想使用clas，你可以写

 .cue-points  a

或

 .cue-points  li a

演示：

http://jsfiddle.net/kougiland/qLMH3/