RE: [WSG] Opera not playing nice with checkbox

[Rachel Radford]

Hi Tee,

Radio buttons and checkboxes are used in different situations - a radio
button is when only one option in the list is able to be chosen such as
in your Poll, and checkboxes are for when more than one option can be
chosen, check all that apply type questions.  Some survey programmes
make radio buttons look like checkboxes, I guess to make them prettier
as you suggest, but I tend to err towards convention to avoid confusion
for the person filling it in.

In your case it may be easiest to just return the
checkboxes/radiobuttons for your poll to their default rendering (which
looks nice in Opera anyway, but not so hot in IE!) by styling the text
inputs specifically, rather than all inputs.  Non-text inputs do get
tricky to style cross browser without using javascript, etc. 

Rach

-----Original Message-----
From: [EMAIL PROTECTED] [EMAIL PROTECTED]
On Behalf Of tee
Sent: 11 September 2008 01:39
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Opera not playing nice with checkbox


On Sep 10, 2008, at 4:26 PM, [EMAIL PROTECTED] wrote:
>
> I'm not familiar with the issue.  Could you send a reduced test case  
> (will be quicker for us to find the issue), or failing that ,a link  
> to the page where it happens.

James and David,

Thanks for your attention.

Here is the page:
http://teesworks.com/index.php/
On the right column, community poll, the checkboxes are not selectable  
(it's radio button there but I changed it to checkbox so that you can  
take a quick look without adding product to cart). In other pages  
where I have the a:focus declared with background color in input, I  
could see the background color when a checkbox is selectable.

Only tested in Mac Opera 9.50, Build 4870  on system 10.5.4

On Sep 10, 2008, at 4:09 PM, James Ellis wrote:

> Tee:
> I haven't seen your code but is it possible this is occurring  
> because both checkboxes and radios are, in fact, input elements ?
> e.g
> input {
> border : #000;
> background-color : #f00;
> }

yes, I have input element declared for borders and background color  
because input text field is used in every page, so it's easier to  
declare them directly to the element instead of adding a new class.

I thought we can have

checkbox, radio {border:none}

But they don't work for IE an Opera ?!

This reminds me to ask another question, does it matter whether one  
chooses to use Radio button or Checkbox. I like checkbox better  
because radio button is uglier in IE :)

tee




*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************



*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************