如何覆蓋引導復選框樣式

Question

我購買了一個引導模板（樣式表文件），其代碼如下：

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

我有一個html表，其中包含一個帶有復選框的單元格，但未顯示出來，使用chrome inspector，我修改了關閉樣式屬性的功能，

我的問題有什么辦法可以告訴我的代碼不要在表格單元格內的復選框中應用該樣式？

謝謝阿爾貝托

Answer 1

是的，專門調用該復選框，將一個class添加到此checkbox ，例如<input type="checkbox" class="unique-class"/>然后在CSS中將樣式添加到該checkbox ，如下所示：

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

Answer 2

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