表单不会在提交按钮上显示悬停CSS

Question

http://seniorbenefitsnevada.com/

我有一个包含以下代码的表单：

<div class="shoponline">
                        <form action="#" method="post">

                            <!-- Select plan -->

                <div class="sp">



                                <!--<select name="select-plan" class="styled-select"> 

                                  <option>(select a plan)</option>

                                  <option>Medicare plans</option>

                                  <option>Supplemental plans</option>

                                  <option>Life insurance</option>

                                </select>-->

                <input type="text" name="select-plan" id="select-plan" size="5" maxlength="5" placeholder="enter zip code" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter Zip Code'">

                </div>

                             <!-- Select Plan END -->

                            <input type="submit" value="Go">


                        </form>
</div>

以下CSS用于更改CSS的渐变。

.shoponline input[type="submit"]:hover {
background: linear-gradient(to bottom, #ffb847 0%,#ffb847 100%) !important;
}

然而，CSS甚至没有得到认可。谁知道我做错了什么？