The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> Radio button square
tudsy
post Dec 3 2014, 10:35 AM
Post #1


Advanced Member
****

Group: Members
Posts: 246
Joined: 30-September 14
Member No.: 21,611
Hi

Just a stupid question. How do I put a yellow square around a radio button?

Any help will be greatly appreciated?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Dec 3 2014, 10:44 AM
Post #2


.
********

Group: WDG Moderators
Posts: 9,656
Joined: 10-August 06
Member No.: 7
You could give it a border with CSS.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Dec 4 2014, 06:13 AM
Post #3


.
********

Group: WDG Moderators
Posts: 9,656
Joined: 10-August 06
Member No.: 7
QUOTE(Christian J @ Dec 3 2014, 04:44 PM) *

You could give it a border with CSS.

Seems this is still not supported by Firefox and Chrome browsers. CSS outline is supported better.

Or you might put e.g. a SPAN element around the INPUT, and give the SPAN a border instead (you may have to adjust the vertical-align style of the SPAN, and the margin of the INPUT).

See also http://www.456bereastreet.com/archive/2004..._form_controls/
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Markup (HTML, XHTML, XML) · Next Newest »
 

Reply to this topicStart new topic
2 User(s) are reading this topic (2 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: 23rd April 2024 - 06:11 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC