css - 为具有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;
}

如果你想使用 class 你可以写

 .cue-points  a

或者

 .cue-points  li a

演示：

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