Html 如何将按钮伪装成复选框

我有一个复选框，点击时需要提交表单，即使没有javascript的帮助。因此，我创建了一个内部只有一个按钮的表单，并试图将该按钮伪装成一个复选框

到目前为止，我将此作为我的HTML：

<form>
    <button class="checkbox" type="submit">
    </button>
</form>

我缺少什么使这个类与IE、Safari、Opera等兼容

---

另外，如何使按钮显示为选中状态？

-ms-appearance

用于IE和

-o形外观

用于Opera

---

顺便说一句，这称为供应商前缀。

-ms-appearance

用于IE和

-o形外观

用于Opera

---

顺便说一下，这称为供应商前缀。

除了关于添加之前的答案之外，您还可以通过在

html

.checkbox{
高度：25px；
宽度：25px；
-webkit外观：复选框；
-moz外观：复选框；
-ms外观：复选框；
-o-外观：复选框；
外观：复选框；
}

---

✔除了关于添加之前的答案之外，您可以通过在
html


.checkbox{
高度：25px；
宽度：25px；
-webkit外观：复选框；
-moz外观：复选框；
-ms外观：复选框；
-o-外观：复选框；
外观：复选框；
}
✔您可以使用svg：


。按钮{
显示：内联块；
宽度：20px；
高度：30px；
填充：20px 30px；
边框：3倍实心橙色；
背景：白色；
边界半径：3px；
位置：相对位置；
游标：指针；}
.图标{
显示：内联块；
笔画宽度：0；
宽度：30px；
填充：橙色；
位置：绝对位置；
线高：0；
最高：50%；
左：50%；
转换：转换（-50%，-50%）
}

您可以使用svg：


。按钮{
显示：内联块；
宽度：20px；
高度：30px；
填充：20px 30px；
边框：3倍实心橙色；
背景：白色；
边界半径：3px；
位置：相对位置；
游标：指针；}
.图标{
显示：内联块；
笔画宽度：0；
宽度：30px；
填充：橙色；
位置：绝对位置；
线高：0；
最高：50%；
左：50%；
转换：转换（-50%，-50%）
}

即使没有javascript的帮助，也需要javascript只使用一个复选框来提交表单。@Mikey我没有使用实际的复选框。我正在使用一个按钮，并将该按钮伪装为复选框即使没有javascript的帮助，但您需要javascript仅使用复选框提交表单。@Mikey我没有使用实际的复选框。我在用一个按钮，把它伪装成支票箱谢谢大家！让按钮显示为选中状态如何？这可能吗？其他浏览器又如何呢？Firefox、Chroom、Safari？谢谢大家！让按钮显示为选中状态如何？这可能吗？其他浏览器又如何呢？Firefox、Chroom、Safari？a
span
不会提交表单他可以用JS做什么问题的第一行是：
我有一个复选框，当点击时需要提交表单，即使没有javascript的帮助是的，@Taki是正确的。在没有javascripta的情况下，我需要这项功能。a
span
不会提交表单他可以用JS做什么问题的第一行是：
我有一个复选框，当点击时需要提交表单，即使没有javascript的帮助是的，@Taki是正确的。我需要在没有JavaScription的情况下使用它看起来Firefox中没有选中标记Yeah Firefox不允许您使用
-moz外观在按钮中放置任何内容，我更新了我的答案以备选择看起来Firefox中没有出现复选标记Yeah Firefox不允许您使用
-moz外观在按钮中添加任何内容，我更新了我的答案以备选择
.checkbox {
    padding: 0;
    height: 13px;
    width: 13px;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
}