Question

无法单击我的自定义复选框。

在简单的this中，我已经使用app示例作为基础，但是它不起作用（我弄坏了一些东西）

我尝试更改：

z-index用于复选框旁边的元素
block至flex
谷歌大约2个小时

但它不起作用。

下面的代码可以完美地工作：codepen，堆栈，但是我所做的更改在我的应用中不起作用

input[type="checkbox"] {
  display: none;
}

input[type="checkbox"]+label {
  cursor: pointer;
}

input[type="checkbox"]+label:before {
  background: #fff;
  height: 21px;
  border: 1px solid red;
  content: " ";
  display: inline-block;
  width: 21px;
  vertical-align: middle;
  margin-right: 10px;
  position: relative;
  top: -1px;
}

input[type="checkbox"]:checked+label:before {
  content: "\2713";
  color: red;
  font-size: 24px;
  text-align: center;
  line-height: 21px;
}

<input type="checkbox" name="custom_checkbox" value="custom_checkbox">
<label for="custom_checkbox">My Custom Checkbox</label>

快速链接：

Answer 1

保持const QuestionCategorySchema= new Schema({ _id: Schema.Types.ObjectId, category: String, icon: String, order: Number }, { collection: 'QuestionCategory' });的{{1}}与id上的input属性相同。

有关更多信息，请阅读此https://www.bitdegree.org/learn/html-label/

for

无法单击以自定义复选框

1 个答案: