How do I increase the size of my inputs with css?

Posted on 2012-03-15
Last Modified: 2012-06-27
My my webpage linked below, I'm trying to increase the size of my radio buttons and my checkboxes, but when I increase the length and width in my css file, it seems like it only increases the size of the margins, and not the actual inputs. How do I make a really big radio button and checkbox?

my webpage
Question by:shampouya
  • 5
  • 2
LVL 21

Expert Comment

by:Kim Walker
ID: 37726551
Does our assistance affect the grade you will be receiving on this project?

Author Comment

ID: 37727155
No it does not, I'm trying to do things that are not required in the assignment so that I learn more.

Author Comment

ID: 37727236
I changed the name of the page to not distract you from my desire for knowledge.

Author Comment

ID: 37727327
Here is the updated link:

my page
Enabling OSINT in Activity Based Intelligence

Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.


Author Comment

ID: 37731094
No one is willing to help me on this?
LVL 21

Expert Comment

by:Kim Walker
ID: 37731121
Sorry, I don't think there is a way. It's controlled by the browser.
LVL 35

Accepted Solution

Robert Schutt earned 500 total points
ID: 37731533
I'm not sure how you're going to use this and which browser you use, but this works in IE8:

<div style="zoom:400%;display:inline;"><input type="radio" name="r2" value="1">xxx</div>

Open in new window


Author Closing Comment

ID: 37755887
Very cool, I had no idea zoom existed. Thanks!

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Animate a Title 7 37
Flexbox in CSS3 2 27
Change month dropdown 5 17
Bootstrap Columns not Side-by-Side 3 16
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

760 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now