向具有边框半径的元素添加边框

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/