css - 不包括：在链接上的内容被聚焦之前

Question

我有与以下代码类似的css代码。（我从http://jsfiddle.net/LmvgM/8/感谢@thirtydot 处理它）。当链接聚焦时，我发现 :before 内容被包含在内。

那么如何从突出显示框中删除它，让框只有文本，没有'>'。

box.blueb a { 
    color: #0098aa; 
    position: relative;
    margin-left: 5px;
    padding-left: 10px;
    text-decoration: none;
}
.box.blueb a:before { 
    content: "> "; 
    position: absolute;
    top: 0;
    left: 0;
}

.box.blueb a:hover {
    text-decoration: underline;
}

Answer 1

您的意思是要删除蓝色焦点框吗？

:focus {
    outline-color: transparent;
    outline-style: none;
}