我能夠創建沒有邊框的按鈕，但它不工作

我想創建按鈕與no border，我能夠做到這一點，按鈕一旦我通過CSS刪除邊框，它不是在Firefox和Chrome工作，請幫助。我能夠創建沒有邊框的按鈕，但它不工作

<button type="button" id="submitButton" >Submit</button> 

.container #emailDiv #submitButton{ 
float:left; 
margin-top:368px; 
margin-left:-151px; 
background-image:url(images\\but-middle.gif); 
background-repeat:x-repeat; 
width:50px; 
border:none; 
}

來源

2013-03-06 xCoder

應該工作。什麼不工作？ – Tetaxa 2013-03-06 07:17:32

嗨，這是一個「表格」提交按鈕或什麼樣的按鈕是這個 – jhunlio 2013-03-06 07:45:13

我發現了自己的決議，我剛剛從按鈕的左側和右側刪除邊框，然後它開始工作（「能夠點擊它並提交窗體「） – xCoder 2013-03-08 04:16:30

如果邊界不能有損你的佈局只是試試這個

.container #emailDiv #submitButton{ 
float:left; 
margin-top:368px; 
margin-left:-151px; 
background-image:url(images\\but-middle.gif); 
background-repeat:x-repeat; 
width:50px; 
border:1px solid #fff transparent !important; 
}

來源

2013-03-06 07:14:11 jhunlio

thanx回覆，但我jst要刪除按鈕的邊框，因爲他們是兩個圖像，我需要使用在按鈕的兩端，使其四捨五入 – xCoder 2013-03-06 07:18:22

你有沒有嘗試有一個'高度'也許我可以幫助你更多，如果我可以看到圖像按鈕 – jhunlio 2013-03-06 07:22:41

這是更新的代碼，我試圖加上高度，仍按鈕不被點擊'float：left; \t margin-top：368px; \t margin-left：-151px; \t background-image：url（images \\ but-middle.gif）; \t background-repeat：x-repeat; \t \t width：50px; \t border：none！important; \t height：19px; \t顏色：白色;' – xCoder 2013-03-06 07:25:49

試試吧

.container #emailDiv #submitButton{ 
float:left; 
margin-top:368px; 
margin-left:-151px; 
background-image:url(images\\but-middle.gif); 
background-repeat:x-repeat; 
width:50px; 
border:none; 
-moz-border:none 
-webkit-border:none

來源

2013-03-06 07:11:24

我能夠刪除邊框，但一旦我刪除了按鈕的邊框，該按鈕停止工作在Firefox和Chrome – xCoder 2013-03-06 07:19:37

嘗試導入沒有邊界？它可能會被其他divs繼承。

border:none !important;

來源

2013-03-06 07:17:39 max

不，它沒有幫助 – xCoder 2013-03-06 07:23:19

當你使用一個ID在按鈕中，您不需要在css中定義該元素的父項。「#submitButton {/ * css code * /}」fot你的背景圖像應該是「background-image：url（images/but-middle.gif）;」 – max 2013-03-06 08:17:03

它的工作對我來說...

看看@這Demo/Demo..

#submitButton { 
    background-color:green; 
    background-image:url(images\\but-middle.gif); 
    background-repeat:x-repeat; 
    width:50px; 
    border:none; 
    -moz-border:none 
    -webkit-border:none

}

來源

2013-03-06 07:29:30

我試了一下，但沒有爲我工作:( – xCoder 2013-03-06 07:32:15

@xCoder我檢查與FF和鉻只..其工作.. – 2013-03-06 07:33:46

我dnt understd，wt其他可以是問題，它仍然不工作 – xCoder 2013-03-06 07:38:10

我能夠創建沒有邊框的按鈕，但它不工作

回答

相關問題