首頁 > web前端 > css教學 > 主體

css如何清除input預設樣式

王林
發布: 2021-06-08 16:43:02
原創
10285 人瀏覽過

css清除input預設樣式的方法是,將input的各個屬性的屬性值設為none即可,例如【background:none;outline:none;border:none;】。

css如何清除input預設樣式

本文操作環境:windows10系統、css 3、thinkpad t480電腦。

如果我們要清除input的預設樣式,那麼我們可以直接將屬性值設為none,例如:

input{
    background:none;  	
    outline:none;  	
    border:none;
}
登入後複製

如果input必須要有邊框,但需要去掉選取時的藍色框,則可以使用以下程式碼:

input{  	
    background:none;  	
    outline:none;  	
    border:1px solid #ccc;
}input:focus{   
    border:none;
}
登入後複製

相關影片分享:css影片教學

以上是css如何清除input預設樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!