The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> Checkbox styling
Terminator
post May 14 2016, 03:46 PM
Post #1


Advanced Member
****

Group: Members
Posts: 218
Joined: 19-March 15
Member No.: 22,398
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;
}
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post May 14 2016, 03:54 PM
Post #2


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9
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 .
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Terminator
post May 14 2016, 04:02 PM
Post #3


Advanced Member
****

Group: Members
Posts: 218
Joined: 19-March 15
Member No.: 22,398
Actually the checkbox styling displays correctly on all major browsers, and even IE11. I just had to do a fix for Firefox though.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post May 14 2016, 07:48 PM
Post #4


.
********

Group: WDG Moderators
Posts: 9,661
Joined: 10-August 06
Member No.: 7
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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Terminator
post May 14 2016, 09:47 PM
Post #5


Advanced Member
****

Group: Members
Posts: 218
Joined: 19-March 15
Member No.: 22,398
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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Cascading Style Sheets · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 26th April 2024 - 08:45 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC