Question

是否可以删除复选框周围的边框，使其看起来不可见？我将它放在具有彩色背景的DIV中。

Answer 1

不幸的是，它无法删除浏览器本机复选框上的边框（它不适用于所有浏览器），您必须编写自己的类似复选框的状态窗口小部件来实现此功能。如果要使用自定义样式设置常规表单控件的样式，请查看Nice forms

Answer 2

对于FireFox：尝试border：none。对于IE，请尝试：style =“background：transparent; border：0”

另一种解决方案是为已选中和未选中的图像创建自己的图像，以显示图像的相应内容。

Answer 3

我知道这是一个迟到的答案，但我工作的CSS专家给了我这样的方法来摆脱IE10中复选框（可能是单选按钮）的边框：

将边框颜色设置为与页面背景颜色相同的颜色。
应用＆＃34;无＆＃34;的盒子阴影它。

那就是它。工作就像一个魅力！

Answer 4

由于这是我在Google中搜索“删除复选框边框”时的第一个结果，让我提一下，除了IE（没有狗屎......）和{{1}之外的所有浏览器都可以删除复选框默认样式property：

appearance

Answer 5

input[type="checkbox"] {
    width: 25px;
    height: 25px;
    background: gray;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    position: relative;
    left: -5px;
    top: -5px;
    cursor: pointer;
}

Answer 6

在CSS中，可以通过将Web工具包外观设置为none来实现。像这样的东西

-webkit-appearance: none;

Answer 7

使用outline：

outline: 0px;

将摆脱它。

Answer 8

您必须使用某种窗口小部件或某种自定义UI来移除边框。

我不确定这是否有效：<input type="checkbox" style="border: 0;" />

Answer 9

asp：checkbox是span元素，包含input type = checkbox。您可以为span设置样式。但是如果你想更改元素中的复选框边框，你可以使用javascript

<body onload="javascript:OnLoad();" >

<script language="javascript" type="text/javascript">
<!--
    function OnLoad() {
        document.getElementById("<%=chBox.ClientID%>").style.border = "0px";
    }
-->
</script>

  <asp:CheckBox ID="chBox" runat="server" Text="Checkbox text" />

如何删除复选框边框？

9 个答案: