c# - 定制的 Bootstrap btn 不适用于 chrome

Question

我必须在我的网页的 Bootstrap 中自定义按钮。它在 IE 上运行良好，但在 Chrome 上运行不佳。我哪里做错了。下面是我的 html。

       .btn-secondary {
        background-color: #283238;
        color: #05a9d0;
        border-color: #05a9d0;
        border-radius: 0;
        font-family:Helvetica Neue;
        font-size:20px;
        width:auto;
        opacity:0.9;
        border:1px solid;
        height:auto;
  
    }
    .btn-secondary:hover,
    .btn-secondary:focus,
    .btn-secondary:active    {
        background-color: #283238;
        color: #ffffff;
        border-color: #05a9d0;
    }

<div id="banner" class=" text-center vertical-center">
    <div class="slide-top" id="valign-IE" data-plugin-options='{"speed":1500}'>
    <img src="img/logo_page.svg" class="banner-logo"/><br />

    <button  class="btn btn-primaryLogin" onclick="document.location.href='signin.aspx'">Login</button>
    <button type="button" class ="btn btn-secondary" >REQUEST ACCESS FOR SIGNUP</button>
    </div>
    </div>

Answer 1

window.location 在所有兼容的浏览器上都是读/写的。

document.location 在 Internet Explorer 中是只读的，但在基于 Gecko 的浏览器(Firefox、SeaMonkey)中是读/写的。

使用 window.location 而不是 document.location