是否可以移除復選框周圍的邊框，使其看起來不可見？我把它放在一個有彩色背景的DIV中。

因為這是我搜索& quot刪除復選框邊框& quot在Google中，讓我提一下復選框默認樣式可以在除IE之外的所有瀏覽器中用外觀屬性移除:

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

不幸的是，它不可能移除瀏覽器自帶復選框的邊框(它并不適用于所有瀏覽器)，你必須編寫自己的類似復選框的狀態部件來實現這一點。如果您想使用自定義樣式來設計常規表單控件的樣式，請查看漂亮的表單

對于火狐:試試border:none。 對于IE try:style = " background:transparent；邊框:0 "

另一個解決方案是為選中和未選中創建您自己的圖像，顯示圖像的適當onclick。

我知道這是一個遲到的回答，但是我的一個CSS專家給了我這個方法來去掉IE10中復選框(可能還有單選按鈕)的邊框:

將邊框顏色設置為與頁面背景相同的顏色。 應用一個“無”的框陰影。 就是這樣。非常管用！

在CSS中，這可以通過將web kit外觀設置為none來實現。類似這樣的東西

-webkit-appearance: none;

實際上，你不能只移除邊框，但是你可以使用appearance屬性來移除整個元素體，然后你可以實現你的樣式并根據你的需要制作復選框..在這里你可以看到下面:-

input[type='checkbox']{
transform:scale(2);
appearance:none;
border:2px solid black;
height:50px;
width:50px;
margin-left:2em; margin-top:2em; font-size:40px; position:relative; }
input[type='checkbox']:checked:before{
 content:'\2713'; background:blue; width:100%; height:100%; top:0;
left:0;
 display:flex; align-items:center; justify-content:center; color:white; font-weight:bold; }

<input type='checkbox'>

您必須使用一些小部件或某種自定義ui來移除邊框。

我不確定這樣行不行:& ltinput type = " checkbox " style = " border:0；/& gt；