Content with Style

Web Technique

Preparing the button element for sliding doors

by Pascal Opitz on September 15 2010, 14:20

A helpful little trick to get the FF button elements into a state where we can apply sliding doors. Via johannes krtek of flachware.com


 button::-moz-focus-inner { /* now you can handle firefox buttons like safari buttons */
    padding: 0; /* remove inner padding */
    border: 0; /* remove dotted outline in buttons in firefox */
}

This removes the strange clicking effect Firefox applies to the button elements. Now we can do normal sliding doors stuff with them.