HTML-Button reagiert nicht auf das CSS in Live mit Dreamweaver

Question

Hallo an alle, ich habe ein Problem mit meiner HMTL und die zugewiesene CSS funktioniert nicht. Der Button funktioniert, es wird verlinkt, wie es sollte, aber das CSS beeinflusst es nicht. Ich benutze dreamweaver CC und in der Design-Ansicht scheint es, als ob das CSS funktioniert, aber sobald ich es live im Browser sehe, kehrt es in seinen ursprünglichen Zustand zurück. Ich werde ein paar Bilder des Codes und der Live-Ansicht liefern, um dir zu zeigen, was ich meine .

Mein HTML

<a href="methandrailhome.html" class="returnhome">Return Home</a><!-- end .returnhome --> 

MY CSS

#form .returnhome { 

    -moz-box-shadow:inset -4px 2px 0px -13px #ffffff; 
    -webkit-box-shadow:inset -4px 2px 0px -13px #ffffff; 
    box-shadow:inset -4px 2px 0px -13px #ffffff; 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9)); 
    background:-moz-linear-gradient(center top, #f9f9f9 5%, #e9e9e9 100%); 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9'); 
    background-color:#f9f9f9; 
    -webkit-border-top-left-radius:0px; 
    -moz-border-radius-topleft:0px; 
    border-top-left-radius:0px; 
    -webkit-border-top-right-radius:0px; 
    -moz-border-radius-topright:0px; 
    border-top-right-radius:0px; 
    -webkit-border-bottom-right-radius:0px; 
    -moz-border-radius-bottomright:0px; 
    border-bottom-right-radius:0px; 
    -webkit-border-bottom-left-radius:0px; 
    -moz-border-radius-bottomleft:0px; 
    border-bottom-left-radius:0px; 
    text-indent:-1.9px; 
    border:2px solid #dcdcdc; 
    display:inline-block; 
    color:#666666; 
    font-family:Arial; 
    font-size:13px; 
    font-weight:bold; 
    font-style:normal; 
    height:40px; 
    line-height:40px; 
    width:95px; 
    text-decoration:none; 
    text-align:center; 
    text-shadow:0px 0px 0px #ffffff; 
} 

.returnhome { 
 
    \t 
 
    \t -moz-box-shadow:inset -4px 2px 0px -13px #ffffff; 
 
    \t -webkit-box-shadow:inset -4px 2px 0px -13px #ffffff; 
 
    \t box-shadow:inset -4px 2px 0px -13px #ffffff; 
 
    \t background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9)); 
 
    \t background:-moz-linear-gradient(center top, #f9f9f9 5%, #e9e9e9 100%); 
 
    \t filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9'); 
 
    \t background-color:#f9f9f9; 
 
    \t -webkit-border-top-left-radius:0px; 
 
    \t -moz-border-radius-topleft:0px; 
 
    \t border-top-left-radius:0px; 
 
    \t -webkit-border-top-right-radius:0px; 
 
    \t -moz-border-radius-topright:0px; 
 
    \t border-top-right-radius:0px; 
 
    \t -webkit-border-bottom-right-radius:0px; 
 
    \t -moz-border-radius-bottomright:0px; 
 
    \t border-bottom-right-radius:0px; 
 
    \t -webkit-border-bottom-left-radius:0px; 
 
    \t -moz-border-radius-bottomleft:0px; 
 
    \t border-bottom-left-radius:0px; 
 
    \t text-indent:-1.9px; 
 
    \t border:2px solid #dcdcdc; 
 
    \t display:inline-block; 
 
    \t color:#666666; 
 
    \t font-family:Arial; 
 
    \t font-size:13px; 
 
    \t font-weight:bold; 
 
    \t font-style:normal; 
 
    \t height:40px; 
 
    \t line-height:40px; 
 
    \t width:95px; 
 
    \t text-decoration:none; 
 
    \t text-align:center; 
 
    \t text-shadow:0px 0px 0px #ffffff; 
 
    }

<a href="#" class="returnhome">Return Home</a>

Here is what live view from Dreamwweaver is showing

Answer 1

Nimm das #form raus.

.returnhome { 
 
    -moz-box-shadow: inset -4px 2px 0px -13px #ffffff; 
 
    -webkit-box-shadow: inset -4px 2px 0px -13px #ffffff; 
 
    box-shadow: inset -4px 2px 0px -13px #ffffff; 
 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9)); 
 
    background: -moz-linear-gradient(center top, #f9f9f9 5%, #e9e9e9 100%); 
 
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9'); 
 
    background-color: #f9f9f9; 
 
    -webkit-border-top-left-radius: 0px; 
 
    -moz-border-radius-topleft: 0px; 
 
    border-top-left-radius: 0px; 
 
    -webkit-border-top-right-radius: 0px; 
 
    -moz-border-radius-topright: 0px; 
 
    border-top-right-radius: 0px; 
 
    -webkit-border-bottom-right-radius: 0px; 
 
    -moz-border-radius-bottomright: 0px; 
 
    border-bottom-right-radius: 0px; 
 
    -webkit-border-bottom-left-radius: 0px; 
 
    -moz-border-radius-bottomleft: 0px; 
 
    border-bottom-left-radius: 0px; 
 
    text-indent: -1.9px; 
 
    border: 2px solid #dcdcdc; 
 
    display: inline-block; 
 
    color: #666666; 
 
    font-family: Arial; 
 
    font-size: 13px; 
 
    font-weight: bold; 
 
    font-style: normal; 
 
    height: 40px; 
 
    line-height: 40px; 
 
    width: 95px; 
 
    text-decoration: none; 
 
    text-align: center; 
 
    text-shadow: 0px 0px 0px #ffffff; 
 
}

<a href="methandrailhome.html" class="returnhome">Return Home</a>