Dreamweaverを使用しているライブでHTMLボタンがCSSに反応しない

Question

こんにちは皆私は自分のHMTLとそれに割り当てられたCSSに問題があります。ボタンは機能しますが、それはリンクされますが、CSSは影響を与えません。 私はDreamweaver CCを使用しています。デザインビューではCSSが動作しているように見えますが、ブラウザで見ると元の状態に戻ります。コードとライブビューの写真をいくつか提供して。

マイ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

#formを取り出してください。 HTMLはここに表示されていなかったいくつかの理由

.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>