1. 首页
  2. 问答
  3. 如何删除复选框边框？

如何删除复选框边框？

2010-08-23 118 views

回答

8

不幸的是，它不可能删除浏览器原生复选框的边框（它不适用于所有浏览器），您将不得不编写自己的复选框状态小部件来实现此功能。如果您想要使用自定义样式设置您的常规窗体控件，请查看Nice forms

来源

2010-08-23 04:35:19 naikus

-3

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

我不知道，如果这个工程：<input type="checkbox" style="border: 0;" />

来源

2010-08-23 04:37:35 tr4656

+0

恐怕不起作用。 – MrKWatkins 2014-10-12 12:10:08

8

对于Firefox：尝试边界：无。 对于IE尝试：style =“background：transparent; border：0”

另一种解决方案是创建自己的图像进行选中或取消选中，显示适当的图像点击。

来源

2010-08-23 04:56:17

+0

在IE8中删除边框的作品：'style =“background：transparent; border：0”' – Justin 2015-03-11 21:24:18

-7

asp：复选框是包含输入类型=复选框的span元素。 您可以为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" />

来源

2012-05-06 14:55:29 Gary

+0

这个问题不是ASP – 2012-10-21 12:50:45

+6

ASP.NET Web Forms之外还有一个世界。 – 2013-04-24 10:46:39

+0

这个问题不是ASP，ANDROID LAYOUT的 – 2015-07-13 19:05:04

4

我知道这是一个迟到的答案，但一个CSS专家与我共事给了我这样摆脱了边框的四周IE10中的复选框（可能是单选按钮）：

  • 将边框颜色设置为与页面背景相同的颜色。
  • 对它应用“无”的方块阴影。

就是这样。像魅力一样工作！

来源

2013-05-22 21:27:27 dauber

+0

就像你说过的那样，像一个魅力:) – FrenkyB 2016-12-02 08:23:40

1

由于这是我在Google搜索“删除复选框边框”时的第一个结果，请提及复选框的默认样式可以在除IE外的所有浏览器中删除（不包括狗屎......）appearance属性：

-webkit-appearance: none; 
-moz-appearance: none; 
appearance: none;

来源

2017-03-16 11:12:58 Petar

0

在CSS中，这可以通过将web工具包的外观设置为none。事情是这样的

-webkit-appearance: none;

来源

2017-04-12 22:20:33

-1

使用outline：

outline: 0px;

将摆脱它。

来源

2017-05-23 15:56:34 Tim

相关问题

 相关问题