moz-document url-prefix 不适用于超链接

Question

我有一个名为 action1 的 css，我试图从中删除大纲属性，只是为了 Firefox 浏览器。这里是课堂

a.action1,a.action1:link,a.action1:visited {
    display: block;
    height: 27px;
    width: 200px;
    color: #FFFFFF;
    background-color: #666633;
    font-family: Century Gothic, sans-serif;
    font-size: 13px;
    text-align: center;
    vertical-align:middle;
    padding: 1px 2px;
    border: 1px solid #FFFFFF;
    outline: 1px solid #666633;
    text-decoration: none;
    margin: 1px;
    cursor: pointer;
    -moz-box-shadow: 0px 0px 6px 0px #888;
    -webkit-box-shadow: 0px 0px 6px 0px #888;
    box-shadow: 0px 0px 6px 0px #888;
}

这是我在我的jsp中用来删除大纲属性的代码

<style>
@-moz-document url-prefix() {
    a.action1 {
        outline: 0px;
    }
}
</style>

这不起作用。

<a class="action1" onclick="dosomething()" href="gosomewhere">somename</a>

虽然 moz-document 对于输入类型按钮工作得非常好。

Answer 1

使用Firebug检查css是否被应用，优先级是否低于其他。

试试

<style>
@-moz-document url-prefix() {
    a.action1 {
        outline: 0 none !important;
    }
}
</style>