首頁 > web前端 > css教學 > css 怎麼去掉按鈕樣式

css 怎麼去掉按鈕樣式

藏色散人
發布: 2023-01-03 09:23:35
原創
6960 人瀏覽過

css去掉按鈕樣式的方法:先開啟檢視按鈕樣式的css程式碼;然後透過「border: none;outline: none;」屬性移除邊框以及消除預設點擊藍色邊框效果即可。

css 怎麼去掉按鈕樣式

本文操作環境:windows7系統、css3版,DELL G3電腦。

瀏覽器提供給我們的按鈕樣式,只能說是夠用,它不夠美觀,在開發中經常會去除按鈕的預設樣式,本文就來介紹下如何去除按鈕的預設樣式。

css去掉按鈕樣式

1、Chrome下按鈕的預設樣式

css 怎麼去掉按鈕樣式

2、IE下按鈕的預設樣式

css 怎麼去掉按鈕樣式

3、移除按鈕樣式的css程式碼

//消除button的默认样式
margin: 0;
padding: 0;
border: none;  //去除边框
outline: none;    //消除默认点击蓝色边框效果
登入後複製

4、可以看見,右邊的按鈕樣式已經移除了,我們可以依照需求進行美化。

css 怎麼去掉按鈕樣式

推薦:《css影片教學

以上是css 怎麼去掉按鈕樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板