Image and transition CSS for submit button is not working?

form  80575786638171

issue 1:  the submit button could not stay with the steel image  when I hover, but the reset button is ok. Please advise. 

#input_80, #input_reset_80 {

    background-image : url("/images/steel.png");

   }

issue 2: transition for glow on hover does not work either. 

#input_80:hover {

    transition : all 0.2s ease-in-out;

}

Issue 3: 

This is probably similar to Issue 1. 

form  80575786638171

I tried the embedded script generated :

- Embedded Platform

- Dreamweaver 

I had similar issue: 

Please advise. 

Please allow me some time to check this issue and I will get back to you.

Thank you!

1) Regarding the issue of color changing to orange on hover, please insert this CSS to your Custom CSS Field:

#input_80:hover{

  background-color:transparent!important;

}

#input_80 {

    background-color: transparent!important;

}

That will fix the issue:

Regarding 2) and 3) could you please elaborate more if the issue persists since I'm not sure?

Thank you!

Thank you for the prompt assistance. 

I want to leave the steel look on hover and glow as well, so I did :

#input_80, #input_reset_80 {

    background-image : url("/images/steel.png")!important;

}

#input_80:hover {

    transition : all 0.2s ease-in-out;

    background-image : url("/images/steel.png");

    box-shadow: 0 15px 15px rgba(255,255,255, .4);

}

But it does not do the trick. 

I have changed the CSS to your form to:

button#input_80:hover {

    transition : all 0.2s ease-in-out !important;

    background-image : url("/images/steel.png") !important;

    box-shadow : 0 15px 15px rgba(255,255,255, .4) !important;

}

Basically, I just changed the selector from #input_80:hover to button#input_80:hover and added !important after every CSS rule.

The button glow should be working now.

Let us know if you need further help.

thank you!