刪除按鈕的邊框

我試圖創建按鈕並插入我自己的圖像，而不是標準的按鈕圖像。但是，標準按鈕的灰色邊框仍然保留，顯示在我的黑色按鈕圖像的外部。刪除按鈕的邊框

有誰知道如何從按鈕中刪除這個灰色的邊框，所以它只是圖像本身？謝謝。

2012-07-16 JamesonW

我感謝所有的反饋...生病讓你知道哪一個適合我。 – JamesonW 2012-07-16 01:51:32

供參考：鏈接已關閉。 – alexander 2015-08-03 13:42:47

101

添加

padding: 0; 
border: none; 
background: none;

到您的按鈕。

演示：

2012-07-16 01:27:02 Vestride

我很欣賞..但我添加就像你說的樣式表，它不工作不幸。我是否應該直接將其嵌入到HTML中，如果這會有所作爲？ – JamesonW 2012-07-16 01:42:50

我在按鈕上加了一個小提琴加'background：none;'。在小提琴上取一個高峯，看看它是否適合你。 – Vestride 2012-07-17 02:30:20

嘗試使用：border:0;或border:none;

2012-07-16 01:27:58

慣用的伎倆是使圖像本身的鏈接，而不是一個按鈕的一部分。然後，將「click」事件與自定義處理程序綁定。

像Jquery-UI或Bootstrap這樣的框架就是這樣開箱的。順便說一下，使用其中的一個可能會緩解整個應用程序的概念。

2012-07-16 01:30:50 yadutaf

您也可以嘗試background:none;border:0px按鈕。

也css選擇器是div#yes button{..}和div#no button{..}。希望它有助於

2012-07-16 01:31:04

您也可以將按鈕的背景設置爲圖像，而不是使用img標籤 – 2012-07-16 01:33:44

或者在純css中進行。像'背景：＃555; font-weight：bold：color：#fff; padding：6px 8px;' – 2012-07-16 01:35:35

我有同樣的問題，即使我的造型在CSS我的按鈕，它永遠不會拿起border:none但什麼工作直接輸入按鈕添加一個樣式像這樣：

<div style="text-align:center;"> 
    <input type="submit" class="SubmitButtonClass" style="border:none;" value="" /> 
</div>

2013-05-04 16:08:23 Flea

您正在使用CSS級聯來覆蓋具有內聯樣式的屬性。你應該檢查一下CSS級聯和CSS特性的文章。 – DrCord 2015-12-15 17:30:16

這似乎很適合我。

button:focus { outline: none; }

2016-01-04 05:31:27

'大綱：沒有;'不建議出於可訪問性原因。如果您必須移除焦點邊框，請爲用戶提供另一種方式，讓他們看到焦點。 http://outlinenone.com/ – Vestride 2017-01-30 22:33:43

回答