如何在复选框和输入框中都设置边框？

/* 选择复选框 */
input[type="checkbox"] {
  border: 1px solid #ccc;
}

/* 选择输入框 */
input[type="text"] {
  border: 1px solid #ccc;
}

/* 复选框边框样式 */
.checkbox-border {
  border: 1px solid #ccc;
}

/* 输入框边框样式 */
.input-border {
  border: 1px solid #ccc;
}

<div>
  <input type="checkbox" class="checkbox-border">
</div>

<div>
  <input type="text" class="input-border">
</div>