如何刪除按鈕周圍的框？

我有<input type = "button" id = "enterButton"/>並用下面的代碼裝飾它。但是圖像周圍出現灰色方塊。無論如何刪除它？如何刪除按鈕周圍的框？

#enterButton{ 
    width: 45px; 
    min-width: 45px; 
    min-height: 45px; 
    margin-left: 3%; 
    background-image: url("../img/logo3.png"); 
    background-repeat: no-repeat; 
    border: none; 
    -webkit-background-size: 100%; 
    -o-background-size: 100%; 
    -moz-background-size: 100%; 
    -ms-background-size: 100%; 
    -khtml-background-size: 100%; 
    background-size: 100% 
}

來源

2014-03-07 Amal.A

你只需要改變背景顏色設置：

background-color:white;

或紅或藍或透明..你需要什麼是。

DEMO

來源

2014-03-07 15:03:21 JackalopeZero

大概不會令整個廣場面積在用戶點擊響應？此外，如果我使用腳本懸停裝飾整個（現在看不見的區域）會觸發它，對吧？ –

想要這樣http://jsfiddle.net/9U4EZ/1/？ – JackalopeZero

謝謝，先生。 –

您可以添加：

background: transparent;

或者你想使用的任何顏色。

來源

2014-03-07 15:03:43 Mathias

這不會讓整個廣場區域響應用戶點擊嗎？此外，如果我使用腳本懸停裝飾整個（現在看不見的區域）會觸發它，對吧？ –

嘗試添加：

background-color: transparent;

你的CSS。

來源

2014-03-07 15:04:17

如果添加background-color: transparent;這個問題將得到解決

#enterButton{ 
width: 45px; 
min-width: 45px; 
min-height: 45px; 
margin-left: 3%; 
background-image: url("../img/logo3.png"); 
background-repeat: no-repeat; 
border: none; 
-webkit-background-size: 100%; 
-o-background-size: 100%; 
-moz-background-size: 100%; 
-ms-background-size: 100%; 
-khtml-background-size: 100%; 
background-size: 100%; 
background-color: transparent; /* ADD THIS */ 
}

爲了使按鈕懸停在CSS中添加此

#enterButton:hover { 
background-color: #ff0000; 
}

來源

2014-03-07 15:06:17 Woolnut

如何刪除按鈕周圍的框？

回答

相關問題