jsp-外聯式CSS部分樣式無法引用

外聯式CSS部分樣式無法引用

我在JSP頁面上設置了兩個按鈕：

 <input type="submit" value="登 錄" style="width:100px;" class="button_blue"/>
 <input type="button" value="注 冊" style="width:100px;" class="button_green" onclick="javascript:location.href='register.jsp'"/>

采用了外聯式的css，css文件中的配置如下：

 .button_blue
{
    display:inline-block;
    float:left;
    height:41px;border-radius:4px;
    background:#2795dc;border:none;cursor:pointer;
    border-bottom:3px solid #0078b3;*border-bottom:none;
    color:#fff;
    font-size:16px;padding:0 10px;*width:140px;
    text-align:center;outline:none;font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif;
}
input.button_blue:hover
{
    background:#0081c1;
    border-bottom:3px solid #006698;*border-bottom:none;
    color:#fff;
    text-decoration:none;
}
.button_green
{
    display:inline-block;
    float:left;
    height:41px;border-radius:4px;
    background:#aef055;border:none;cursor:pointer;
    border-bottom:3px solid #46a60d;*border-bottom:none;
    color:#fff;
    font-size:16px;padding:0 10px;*width:140px;
    text-align:center;outline:none;font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif;
}
input.button_green:hover
{
    background:#46a60d;
    border-bottom:3px solid #40741d;*border-bottom:none;
    color:#fff;
    text-decoration:none;
}

但是運行效果卻是這樣

登錄按鈕有效果，但注冊按鈕沒有應用到css中的樣式，但當我將注冊按鈕的樣式直接定義在head部分的標簽中時，效果是可以顯示的，請問為什麼會出現這種情況？</p>

最佳回答：

根據你的描述分析 應該是這個頁面引用了 多個css文件 而其他css文件也有 .button_green 頂掉了你寫的這段代碼。
當你把這個樣式 放到頁面的 head 部分中後 這段css 優先級變高 所以又好用了。
你可以用 谷歌浏覽器調試一下 看看是那個css文件頂掉的你的樣式 再嘗試用 關鍵字 !important 強制把某些css 樣式優先級調成最高