Question

我使用CSS a :: after生成一个按钮在所有浏览器中按钮都可以在所有浏览器中，链接都可以，除了Safari

在其他浏览器中一切正常，但在Safari中生成按钮，但无法点击它，没有光标指针，也没有点击Safari。

有什么想法吗？在这里代码，你可以在小提琴http://jsfiddle.net/ddDa4/

上测试它

<a href="http://google.com">google.com</a>


a::before {

    content: "» Details";
    float: right;
    font-family: verdana;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.12em;
    color: white !important;
    background-color: #7CCA0D;
    padding: 7px 10px 9px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    margin-top: -2px;

}

感谢

Answer 1

职位：亲属解决你的问题

a::before {
    position:relative;
    content: "» Details";
    float: right;
    font-family: verdana;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.12em;
    color: white !important;
    background-color: #7CCA0D;
    padding: 7px 10px 9px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    margin-top: -2px;
}

CSS A :: after链接在Safari上不起作用

1 个答案: