Setting an image button in CSS - image active

Question

I m trying to replace the submit button with an image by defining it in a class  myButton  and change the styles in CSS  the myButton active doesn t seem to work when being clicked   Here is my CSS    myButton      background url   images but png  no-repeat      cursor pointer      border none      width 100px      height 100px     myButton active        background url   images but2 png  no-repeat      HTML code    lt input class  myButton  type  submit  value    gt

User · Answer

This is what worked for me   lt  DOCTYPE html gt    lt form action  quot desired Link quot  gt     lt button gt    lt img src  quot desired image URL quot   gt     lt  button gt   lt  form gt   lt style gt     lt  style gt

User · Answer

Check this link   You were missing   before myButton  It was a small error       myButton      background url   images but png  no-repeat      cursor pointer      border none      width 100px      height 100px      myButton active     use Dot here             background url   images but2 png  no-repeat

[css] Setting an image button in CSS - image:active

Examples related to css