CODEWITHSUNDEEP
htmlcss
user1514548
user1514548

Reputation: 21

how to set input type checkbox border and background?

I need to set an input type checkbox right side padding to 10px and border-right:1px solid #000. I am trying this but the checkbox not taking the values. Does anybody know why it isn't working?

I am using the following code:

input[type="checkbox"] {
  border-right:1px solid #fff;
  margin-right:10px;
}

The border doesn't take.

Upvotes: 1

Views: 5758

Answers (2)

user1130272
user1130272

Reputation:

This is one of those elements what browsers tend not to let you style that much, and mostly people replace it with javascript.

Why dont you give pretty checkbox a try? :) http://www.no-margin-for-errors.com/projects/prettycheckboxes/

Edit:

Here is an example: http://jsfiddle.net/v4Dde/2/ this is how i made it once with out javascript, hope it helps you (sorry about the color just made them this way so you can see :) )

Upvotes: 4

Sylvain B
Sylvain B

Reputation: 550

Have you try using outline instead of border ?

For example : 

outline : 2px solid #000000;

Upvotes: 1

Related Questions