1. 首頁
  2. 問答
  3. 如何刪除複選框邊框？

如何刪除複選框邊框？

2010-08-23 166 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

相關問題

 相關問題