How can I change or assign background image of a radiobox?

Question

1.00/5 (1 vote)

See more:

I tried the following without success:

<input type="radio" style="bacground-image:url(Some-url.jpg); background-color:#SomeColor" size="35px">

In fact there was no change whatsoever.

I need to change the color of the radio button through any way or approach possible. How do I do that?

Posted 28-Mar-15 14:25pm

Gbenbam

Add a Solution

Comments

Sergey Alexandrovich Kryukov 28-Mar-15 21:11pm

You misspell background-image, and could have misspelled color, but it may not affect it.
You can also easily simulate radio button behavior with some other elements, such as img...
—SA

Gbenbam 29-Mar-15 0:51am

Thanks.The misspelling can't be the problem. The editor would naturally point it out for correction.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sergey Alexandrovich Kryukov · Accepted Answer · 2015-03-28T15:18:00

Solution 1

Please see my comment to the question. There can be so-ooo many different solutions, moreover, this is a very popular topic, there are too many solutions explained on the Web:
http://webdesign.tutsplus.com/articles/quick-tip-easy-css3-checkboxes-and-radio-buttons--webdesign-8953,
http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons,
http://codepen.io/mitchmc/pen/pebIx,
http://www.hongkiat.com/blog/css3-checkbox-radio,
and, after all, http://bit.ly/1yo6E29.

—SA

Posted 28-Mar-15 15:18pm

Sergey Alexandrovich Kryukov

Comments

Gbenbam 29-Mar-15 1:17am

Actually, I had seen seen all of the above google search result. I thought there may be a simpler way to do it. So much code for somthing so small? Wow! I guess I,ll got no choice?

Sergey Alexandrovich Kryukov 29-Mar-15 1:19am

What is so uneasy with that? All looks trivial enough. There is no such thing as miracle.
—SA

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 29-Mar-15 3:06am

+5 Sergey.

Sergey Alexandrovich Kryukov 29-Mar-15 10:00am

Thank you, Tadit.
—SA

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 30-Mar-15 2:20am

Welcome. :)

Gbenbam 29-Mar-15 20:30pm

I succesfully implemeented it. Thanks for your assistance.

Sergey Alexandrovich Kryukov 29-Mar-15 21:14pm

Great. Will you accept my answer formally?
—SA

Gbenbam 30-Mar-15 1:34am

Done.