How to change the default for radio, checkbox and button?

By default the

radio button is a hollow circle for unchecked and
filled black circle for checked

similar for the

check box button is a hollow square for unchecked and
check symbol for checked.

I would like use two images jpeg or gif for unchecked
and checked.



I try CSS by

input[type="radio"] { background-image: url(myimage.gif);
background-repeat: no-repeat; background-position: right center; }

input[type="checkbox"] { background-image: url(myimage.gif);
background-repeat: no-repeat; background-position: right center; }

But they are not work.

Does anyone out there know how to change the default for the radio and
checkbox?

Thank Q very much in advance!

"RC" <raymond.chui (AT) noaa (DOT) gov> wrote:

radio button is a hollow circle for unchecked and
filled black circle for checked

Perhaps on the browsers you've used. That means this is how you recognize an
element as a radio button. Is there some urgent need to mess this up
`

I would like use two images jpeg or gif for unchecked
and checked.

Just stop wanting that.

I try CSS by

input[type="radio"] { background-image: url(myimage.gif);
background-repeat: no-repeat; background-position: right center; }

input[type="checkbox"] { background-image: url(myimage.gif);
background-repeat: no-repeat; background-position: right center; }

But they are not work.

Fine. Perhaps that's because so few browsers support attribute selectors,
but that's rather irrelevant.

On Wed, 17 May 2006 23:17:47 +0300 Jukka K. Korpela <jkorpela (AT) cs (DOT) tut.fi> wrote:

"RC" <raymond.chui (AT) noaa (DOT) gov> wrote:

radio button is a hollow circle for unchecked and
filled black circle for checked

Perhaps on the browsers you've used. That means this is how you recognize an
element as a radio button. Is there some urgent need to mess this up

Maybe he's going to improve on it. Have you seen his intended final result?
I have not seen it, so I'll reserve judgement on it.

I would like use two images jpeg or gif for unchecked
and checked.

Just stop wanting that.

Bad answer.

That answer needs to stop being given. If what someone wants _can_ be
done, tell them how or shut up. If what someone wants _cannot_ be done
in certain browsers, even though the web standards provide for it, tell
them why or shut up. And if the standards cannot do it at all, then tell
them so or shut up. If it can't be done, and they understand why, then
can figure out on their own to stop wanting that without making whoever
told them look like a jerk.

I try CSS by

input[type="radio"] { background-image: url(myimage.gif);
background-repeat: no-repeat; background-position: right center; }

input[type="checkbox"] { background-image: url(myimage.gif);
background-repeat: no-repeat; background-position: right center; }

But they are not work.

Fine. Perhaps that's because so few browsers support attribute selectors,
but that's rather irrelevant.

Why would it be irrelevant if some browsers don't support it? That could
very well be a justifiable basis for him to make his own decision to stop
wanting that.

--
-----------------------------------------------------------------------------

Phil Howard KA9WGN | http://linuxhomepage.com/ http://ham.org/ |
(first name) at ipal.net | http://phil.ipal.org/ http://ka9wgn.ham.org/ |
-----------------------------------------------------------------------------

RC wrote:

By default the

radio button is a hollow circle for unchecked and
filled black circle for checked

similar for the

check box button is a hollow square for unchecked and
check symbol for checked.

I would like use two images jpeg or gif for unchecked
and checked.

You can't do this sort of thing yet but CSS3 is proposing doing
something like it.

http://www.w3.org/TR/2004/CR-css3-ui-20040511/#active

You'll just have to wait unfortunately.

--
Brian O'Connor (ironcorona)

<phil-news-nospam (AT) ipal (DOT) net> babbled:

| Perhaps on the browsers you've used. That means this is how you
recognize an
| element as a radio button. Is there some urgent need to mess this up

Maybe he's going to improve on it.

He's not.

I have not seen it, so I'll reserve judgement on it.

We can know that changing radio button appearance from the browser default
makes radio buttons harder to recognize - simply because we know that users
are accustomed to their browser defaults.

|> I would like use two images jpeg or gif for unchecked
|> and checked.
|
| Just stop wanting that.

Bad answer.

Whether you like it or not, it's the _correct_ answer.

That answer needs to stop being given.

No, it needs to be given far more often. There's too much helping people to
shoot themselves on the foot, typically in a manner that "helps" them shoot
on both feet when they actually wanted less.

If what someone wants _can_ be
done, tell them how or shut up.

Which one did _you_ do?

This is a discussion forum, not a help desk. You are not giving help _or_
participating in discussions, just telling others to shut up.

| Fine. Perhaps that's because so few browsers support attribute
selectors,
| but that's rather irrelevant.

Why would it be irrelevant if some browsers don't support it?

Apparently you have no idea of what the discussion is about. This is
consistent with your saying nothing about the issue and concentrating on
attacks on other people's contributions.