CODEWITHSUNDEEP
htmlcss
user1514548
user1514548

Reputation: 21

how to set input type checkbox border-right?

I need to set input type checkbox right side padding 10px and border-right:1px solid #000. I am trying this but the checkbox is not taking the values.

Upvotes: 0

Views: 383

Answers (4)

Clyde Lobo
Clyde Lobo

Reputation: 9174

Padding is inside the element, if you want a 10px right side spacing instead use margin-right

input[type="checkbox"]{
   border-right:1px solid #000; // dont know what use is this to the OP
   margin-right:10px;
}

Upvotes: 0

Joey Ezekiel
Joey Ezekiel

Reputation: 1027

Read this: http://www.456bereastreet.com/lab/styling-form-controls-revisited/checkbox/
That should give you the answers to styling a checkbox in different ways.

Upvotes: 0

Dpolehonski
Dpolehonski

Reputation: 958

You can't restyle the appearance of a check box. its fixed in the browser like radio buttons.

you could try http://www.no-margin-for-errors.com/projects/prettycheckboxes/.

Upvotes: 0

Curtis
Curtis

Reputation: 103368

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

Upvotes: 1

Related Questions