Geek Answers Handbook

Sliding Door Button Element Broke Only in Firefox

I am trying to make a sliding door button that can be used. In general, everything works fine except Firefox. The span in the button is always less than 2px in FF.

here is an example

http://jsbin.com/orami3/4

+5
source share
2 answers

Try the following:

button::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

(Remember that the colon ( :) doubles, yes.)

An additional addition in this case is caused by an incomprehensible Firefox error.

(Having encountered this error, I found a solution on this blog through a Google search.)

+11
source

, , , . Safari, . , Firefox, Safari. , , , . :

/*grey button hacks non-IE*/
button.grey span{
  background-position: 0 -1px;
}
button.grey:hover span{
  background-position: 0 -36px;      
}
button.grey:active span{
   background-position: 0 -71px;      
}

/* IE workaround.  The \9 makes non-IE ignore these styles*/
button.grey span{
  background-position: 0 0px\9;
}
button.grey:hover span{
  background-position: 0 -35px\9;      
}
button.grey:active span{
   background-position: 0 -70px\9;      
}

: http://jsbin.com/orami3/9

0

More articles:


All Articles