Brak reakcji na :hover

Witam,
chciałbym nadać efekty na input typu submit po najechaniu na niego myszką. Wydaje mi się, że kod jest ok, ale strona nie reaguje na hover (jakby nie było nic wystylizowane), oto kod:

 <form id="SubscribeForm">
                      <div class="row row no-gutters">
                               <div class="col-12">
                                    <input type="email" name="SubscribeToUsMail" placeholder="Your email addres">
                               </div>
                                <div class="col-12 col-md-6">
                                <input type="submit" name="SubscribeToUsSubmit" value="SUBSCRIBE">
                                </div>
                    </form>    

natomiast CSS:

input[type=submit]:hover{
    cursor: pointer;
    box-shadow: 1px 1px 20px grey;  
    background-color: #fff;
}

Proszę o radę, co może być przyczyną blokowania.

W CSS

input[type="submit"]:hover{
    cursor: pointer;
    box-shadow: 1px 1px 20px grey;  
    background-color: #fff;
}

i napisz czy poszło.

Niestety nie pomogło.

Może się nadpisuje coś, spróbuj z !important :)

Witaj.
Skopiowałem twój kod, u mnie efekt hover działa, jeśli styl jest w pliku html. Faktycznie przy oddzielnym pliku również mi nie działa. Cudzysłów nie wpłynął na poprawność efektu.

zohn napisał(a):

Witam,
chciałbym nadać efekty na input typu submit po najechaniu na niego myszką. Wydaje mi się, że kod jest ok, ale strona nie reaguje na hover (jakby nie było nic wystylizowane), oto kod:

Kopiuj

 <form id="SubscribeForm">
                      <div class="row row no-gutters">
                               <div class="col-12">
                                    <input type="email" name="SubscribeToUsMail" placeholder="Your email addres">
                               </div>
                                <div class="col-12 col-md-6">
                                <input type="submit" name="SubscribeToUsSubmit" value="SUBSCRIBE">
                                </div>
                    </form>    

natomiast CSS:

Kopiuj

input[type=submit]:hover{
    cursor: pointer;
    box-shadow: 1px 1px 20px grey;  
    background-color: #fff;
}

Proszę o radę, co może być przyczyną blokowania.

Pokaż jak importujesz plik css