カスタマイズされたブートストラップbtnがクロムで動作しない

Question

自分のウェブページのブートストラップでボタンをカスタマイズする必要がありました。 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）では読み書きできます。

document.locationの代わりにwindow.locationを使用してください。