2010-03-17 121 views
26

有沒有辦法在Internet Explorer中完全刪除按鈕的樣式?我爲我的按鈕使用了一個css sprite,並且一切看起來都很好。刪除HTML按鈕的完整樣式/提交

但是,當我點擊按鈕,它移動到頂部一點,它使它看起來變形。是否有css點擊狀態或mousedown?我不知道是什麼觸發了這個狀態。

我知道這不是什麼大事,但有時候這是小事。

回答

27

我假設當你說'點擊按鈕,它會移動到頂部一點點'你說的是按鈕的鼠標點擊狀態,當你釋放鼠標點擊時,它恢復到正常狀態?此外,如果想使用禁用按鈕的默認渲染:

input, button, submit { border:none; } 

如果是這樣..

就個人而言,我發現,你不能真正停止/清除/禁用此IE本地行動,這導致我稍微改變我的標記以允許此移動,並且不影響各種狀態的按鈕的整體外觀。

這是我最後的加價:

<span class="your-button-class"> 
    <span> 
     <input type="Submit" value="View Person"> 
    </span> 
</span> 
+0

這就是我一直在尋找。謝謝 – 2010-03-17 18:11:47

+0

「CSS按鈕教程」鏈接現在已損壞。 – kiwicomb123 2017-04-04 01:58:22

+0

感謝@ kiwicomb123,現在已經刪除它 – 2017-04-04 08:34:58

5

嘗試從您的按鈕,清除邊界:

input, button, submit 
{ 
    border:none; 
} 
0

我認爲這是按鈕「活動」狀態。

+0

它是激活狀態時,你是對的+1了點。但我沒有得到它正常工作 – 2010-03-17 18:10:43

13

我認爲這提供了更徹底的辦法:

button, input[type="submit"], input[type="reset"] { 
    background: none; 
    color: inherit; 
    border: none; 
    padding: 0; 
    font: inherit; 
    cursor: pointer; 
    outline: inherit; 
} 
+1

我不認爲背景有'沒有' - 而!重要的是不好的。 – sheriffderek 2018-01-25 05:46:47

+0

通常,當你這樣做時,你想覆蓋現有的按鈕存在的樣式。很少有人想用乾淨,無格式的HTML來做到這一點,因此使用'!important'。這就是說我已經刪除它,因爲這是一個情況的決定。 'background:none'完全有效:https://stackoverflow.com/questions/20784292/backgroundnone-vs-backgroundtransparent – 2018-02-06 16:39:51

+0

給每個人自己的!關於!重要的。我不認爲我可以在一個被迫使用它的項目上工作。 RE:'沒有'這裏的參考文獻比SO文章更好。當你自己使用「背景」時,你真的在​​使用速記並打破所有屬性。 – sheriffderek 2018-02-08 04:05:17