css - 带链接的按钮在 Firefox 中有效，但在 Chrome 或 Safari 中无效

Question

所以我知道 StackOverflow 上有很多关于按钮的兼容性问题，但经过几次搜索后我找不到答案。我的索引中有一个 video.html 文件，所以目录不是问题；这适用于 Firefox。但是在 Chrome 或 Safari 中，当我按下按钮时，它会在当前 url 的末尾添加一个 ?#，而不是将其正确重定向到 video.html。

<center><button onclick= "location.href='video.html'"> Create</button>

谢谢!

Answer 1

试试这个 DemoCSS

.btn
{
    background-color: rgb(7, 55, 99);
    color: white;
    border: none;
    cursor: pointer;
    padding: 2px 12px 3px 12px;
    text-decoration: none;

}

HTML

<center><a href="video.html" class="btn">Create</a></center>