Help - Search - Members - Calendar
Full Version: Checkbox styling
HTMLHelp Forums > Web Authoring > Cascading Style Sheets
Terminator
I styled Checkboxes on a form because I wanted them to be larger due to the layout and line height of the text they corresponded with. The checkbox styling did not work on Firefox though, so I added -moz-appearance to fix that. However the CSS Validator says "Property -moz-appearance is an unknown vendor extension".

Should I ignore that message, or maybe try styling a different way?

CODE

.cbox {
    width: 1.5em;
    height: 1.5em;
    -moz-appearance: none;
}
Frederiek
Yes, vendor prefixes are not supported by the CSS validator and thus reported as error or warning.

Maybe you also need other vendor prefixes for other browsers. See http://caniuse.com/#feat=css-appearance .
Terminator
Actually the checkbox styling displays correctly on all major browsers, and even IE11. I just had to do a fix for Firefox though.
Christian J
QUOTE(Terminator @ May 14 2016, 10:46 PM) *

the CSS Validator says "Property -moz-appearance is an unknown vendor extension".

You mean http://jigsaw.w3.org/css-validator/ ? Note that it's not an error, just a warning. Vendor extensions are valid CSS: https://www.w3.org/TR/CSS21/syndata.html#vendor-keywords
Terminator
QUOTE(Christian J @ May 14 2016, 07:48 PM) *

You mean http://jigsaw.w3.org/css-validator/ ? Note that it's not an error, just a warning. Vendor extensions are valid CSS: https://www.w3.org/TR/CSS21/syndata.html#vendor-keywords


Yeah the w3 validator. Yes it was just a warning, I figured it was ok but wondered why the validator mentioned it, but they appear to warn all vendor extensions.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2019 Invision Power Services, Inc.