Question

我有css调用action1，我试图从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中使用的代码，用于删除outline属性

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

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

1 个答案: