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;
}

如果你想使用类，你可以这样写

 .cue-points  a

或

 .cue-points  li a

演示:

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