首頁 >web前端 >css教學 >css如何清除input預設樣式

css如何清除input預設樣式

王林
王林原創
2021-06-08 16:43:0210388瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn