Float for Mozilla only

Question

I need to define float:none!important; for mozilla only, because in another browsers I need float:left. It's there a manner to define float for mozilla only? Standard solution with -moz-float... prefix doesn't works

follow this solution on SO: http://stackoverflow.com/questions/952861/targeting-only-firefox-with-css — , Jun 23 '14 at 07:31

score 1 · Answer 1 · answered Jun 23 '14 at 07:31

1

use this and put your mozilla css only inside this it should be only affect mozilla browser

@-moz-document url-prefix() {}

answered Jun 23 '14 at 07:31

morgan9999

731
1
11
30

score 0 · Answer 2 · answered Jun 23 '14 at 07:31

0

you can try this:

@-moz-document url-prefix() {

    #my-id { font-size: 100%; }

}

This website has more options as well

You can place this in your CSS file or between your <style type='text/css'> tags in your HTML. Works Fine!

answered Jun 23 '14 at 07:31

Sudheer

2,955
2
21
35

score 0 · Answer 3 · answered Jun 23 '14 at 08:58

That begin with prefix

"-moz". Prefix "-moz"

combined with -document url-prefix() is used in particular when creating additions to Firefox.

/* Firefox */
@-moz-document url-prefix()
{
  #your-id { float: left; }
}

CSS hacks for Mozilla Firefox, Opera, Safari and Internet Explorer

Float for Mozilla only

3 Answers3