angepasste bootstrap btn funktioniert nicht auf Chrom

Question

Ich musste Schaltfläche in Bootstrap für meine Webseite anpassen. Es funktioniert gut auf IE, aber nicht auf Chrome. Was habe ich falsch gemacht. Unten ist mein 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 ist auf allen kompatiblen Browsern lesen/schreiben.

document.location ist in Internet Explorer schreibgeschützt, liest aber in Gecko-basierten Browsern (Firefox, SeaMonkey).

Verwenden Sie window.location anstelle von document.location