...

View Full Version : Moz?



jcdevelopment
11-01-2007, 09:17 PM
I frequently look into others CSS on the view css bar in firefox to see some of the ways people arrange the pages. I often stumble upon ths code very often:


*:focus { -moz-outline: 3px solid #10bae0; -moz-outline-offset: 1px; -moz-outline-radius: 5px; }
button:focus::-moz-focus-inner { border-color: transparent; }
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: 1px dotted transparent;
}
textarea:focus, button:focus, select:focus, input:focus { -moz-outline-offset: -1px; }
input[type="radio"]:focus {-moz-outline-radius: 12px; -moz-outline-offset: 0px; }
a:focus { -moz-outline-offset: 0px; }


what exactly does this do?

kosstr12
11-02-2007, 03:04 PM
post a link to a site with this code and I might be able to help you

effpeetee
11-02-2007, 03:32 PM
post a link to a site with this code and I might be able to help you
http://www.eskimo.com/~bloo/indexdot/css/syntax/pseudo/pseudoclass.htm

This is the only site I could find to explain some of it.

Frank

VIPStephan
11-02-2007, 03:42 PM
I don’t know where you stumble upon such code frequently as I’ve barely seen these rules being used anywhere. And you know, I just put some of them into a search engine of my choice and guess what kinds of results I got? Yes, ANSWERS! You wouldn’t believe it! :rolleyes:

In a nutshell: All CSS properties with the -moz prefix are non-standard, proprietary properties that only browsers using the Mozilla rendering engine understand and parse. They are ignored by all other browsers and will generate errors in any CSS validator that validate against the common standards set by the W3C. Some of them will become standards with the release of CSS3, and some won’t…

Explanatios on their functions can be found in the Mozilla Developer Center (http://developer.mozilla.org/en/docs/CSS_Reference#Properties), among other sites.

jpm121
11-02-2007, 06:28 PM
There's got to be more to it than that, for example, if you use Firebug to look at the first div inside body -> maincontainer, you'll see the same thing.

http://www.jpmeredith.com/deerfieldparkfoundation/inside.html

Here's the thing -- I never typed any of that stuff in there. I wouldn't know a -moz-initial if one hopped up and mooned me, but there it is. If you look at the page source, it's not there!

It's something that Firebug must be injecting into the code.

jcdevelopment
11-02-2007, 06:53 PM
thanks for all of the info guys, i now know its not too necassary to use or know.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum