CSS清楚按鈕樣式的方法
在網頁開發中,按鈕是非常常用的元素之一。然而,在不同的瀏覽器中,按鈕的樣式可能會有所不同,甚至有些瀏覽器還有自己特有的按鈕樣式,給前端開發人員帶來很大的困擾。這時候,我們便需要使用CSS來去除按鈕的樣式。
/* 去除按鈕的默認樣式 */ button, input[type="button"], input[type="submit"], input[type="reset"] { border: none; /* 去掉按鈕邊框 */ background: none; /* 去掉按鈕背景色 */ outline: none; /* 去掉按鈕被選中時的虛線框 */ cursor: pointer; /* 將鼠標移上去變成手型 */ }
以上代碼中,我們分別為button、input[type="button"]、input[type="submit"]、input[type="reset"]設置了樣式。由于button標簽有默認的樣式,因此我們需要將其邊框、背景色、虛線框都去掉。input類型的按鈕本身就沒有樣式,我們只需要利用CSS將其樣式去除即可。
通過以上代碼,我們成功的將所有按鈕去除了默認樣式,如果有需要,我們可以根據實際情況自行定制按鈕的樣式。
上一篇div css能找工作嗎
下一篇css清理列表樣式