css如何去掉按鈕樣式

發(fā)布時(shí)間：2021-02-18 11:31:36 來(lái)源：億速云閱讀：843 作者：小新欄目：web開(kāi)發(fā)

這篇文章主要介紹了css如何去掉按鈕樣式，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

css去掉按鈕樣式的方法：首先打開(kāi)查看按鈕樣式的css代碼；然后通過(guò)“border: none;outline: none;”屬性去除邊框以及消除默認(rèn)點(diǎn)擊藍(lán)色邊框效果即可。

瀏覽器為我們提供的按鈕樣式，只能說(shuō)是夠用，它不夠美觀，在開(kāi)發(fā)中經(jīng)常會(huì)去除按鈕的默認(rèn)樣式，本文就來(lái)介紹下如何去除按鈕的默認(rèn)樣式。

css去掉按鈕樣式

1、Chrome下按鈕的默認(rèn)樣式

css如何去掉按鈕樣式

2、IE下按鈕的默認(rèn)樣式

css如何去掉按鈕樣式

3、去除按鈕樣式的css代碼

//消除button的默認(rèn)樣式
margin: 0;
padding: 0;
border: none;  //去除邊框
outline: none;    //消除默認(rèn)點(diǎn)擊藍(lán)色邊框效果

4、可以看見(jiàn)，右側(cè)的按鈕樣式已經(jīng)去除了，我們可以按照需求進(jìn)行美化。

css如何去掉按鈕樣式

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“css如何去掉按鈕樣式”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!

向AI問(wèn)一下細(xì)節(jié)

猜你喜歡