css中的type=radio输出⚪那type=什么输出方块

在 CSS 中，type 属性可以用于选择不同类型的表单元素。如果 type 属性的值为 "radio"，则会显示一个圆形的单选按钮，如果 type 属性的值为 "checkbox"，则会显示一个方形的复选框。如果你想要输出一个方形的单选按钮，可以使用 type="checkbox" 并且设置样式来模拟一个单选按钮。例如，你可以使用 CSS 的 :before 和 :after 伪元素来创建一个方形的图标，并将其添加到 checkbox 的标签上。具体实现可以参考以下代码：

HTML代码：

<input type="checkbox" class="square-radio">

CSS代码：

.square-radio {
  display: none; /* 隐藏原有的 checkbox */
}
.square-radio:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 5px;
  border: 1px solid #aaa;
  border-radius: 3px;
}
.square-radio:checked:before {
  content: "\2713"; /* 显示勾选符号 */
  text-align: center;
  color: #fff;
  background-color: #009688;
  border-color: #009688;
}

这样就可以实现一个类似于单选按钮的方形复选框了。