remove margin around checkbox

Hello, I'd like to remove margin around checkboxes on I.E. I tried to remove it by  class="check"

Inside style sheet
.check{
margin: 0px;
border: 0px;
}
But I could not...

Do you know a better way to remove margin around checkboxes??

portal123
portal123Asked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

 
Eternal_StudentCommented:
Have you tried setting the margin for the checkbox to a negative value?

I wouldnt really advise that but I know no other way.
0
 
GrandSchtroumpfCommented:
Add some background color and you'll see it's not margin:

.check{
  margin: 0px;
  border: 0px;
  background: red;
}

It's some sort of padding... but it cannot be removed with "padding: 0;":

.check{
  margin: 0px;
  padding: 0px;
  border: 0px;
  background: red;
}
^----- that does not change anything.


The workaround is to use negative margins:

.check{
  margin: 0px;
  border: 0px;
}

* html .check{
  margin: 0 -2px 0 -3px;
}
0

Experts Exchange Solution brought to you by ConnectWise

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
 
portal123Author Commented:
Thanks both guys.

I use negative margin and it works well.

Best Wish, portal123
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.