How to override bootstrap checkbox style

Question

I bought a bootstrap template, the style sheet file, has this code:

input[type=checkbox],
input[type=radio] {
  opacity: 0;
  position: absolute;
  left: -9999px;
  z-index: 12;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

I have a html table that has a cell with a checkbox, that is not showing up, with chrome inspector, I modified turn off the styling properties,

My question Is there any way that I could tell my code not to apply that style in the checkbox that is inside the table cell??

thanks Alberto

Can you post your html code for the table and the checkbox?

Josie Thompson
– Josie Thompson

2015-07-29 02:15:04 +00:00
Commented Jul 29, 2015 at 2:15 — Josie Thompson
– Josie Thompson, Commented Jul 29, 2015 at 2:15

Adam Buchanan Smith · Accepted Answer · 2015-07-29 02:07:29Z

2

yes, specifically call that check box add a class to the checkbox something like this <input type="checkbox" class="unique-class"/> then in your css add the style to just that checkbox with something like this

input.unique-class[type=checkbox],
input.unique-class[type=radio] {
/*stuff here*/
}

answered Jul 29, 2015 at 2:07

Adam Buchanan Smith

9,4675 gold badges21 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user2569050 · Accepted Answer · 2018-07-19 19:45:38Z

-1

  input[type="radio"], input[type="checkbox"] {
    /*stuff here*/
    cursor:pointer;
  }

edited Jul 19, 2018 at 19:45

answered Jul 18, 2018 at 16:07

user2569050

4557 silver badges7 bronze badges

Collectives™ on Stack Overflow

How to override bootstrap checkbox style

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related