0

我有一个名为 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 对于输入类型按钮工作得非常好。

4

1 回答 1

1

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

尝试

<style>
@-moz-document url-prefix() {
    a.action1 {
        outline: 0 none !important;
    }
}
</style>
于 2013-04-18T03:02:32.830 回答