在css中,可以利用「border-style」屬性去掉輸入框的樣式,該屬性用來設定元素的邊框樣式,當屬性的值為「none」時,元素就會去掉邊框樣式,語法為「輸入框元素{border-style:none;}」。
本教學操作環境:windows10系統、CSS3&&HTML5版、Dell G3電腦。
css怎麼去掉輸入框樣式
#輸入框的預設樣式如下:
##想要去掉輸入框的樣式,只需要利用border-style屬性,去掉輸入框的樣式即可,當屬性的值設定為none時,會去掉輸入框的樣式,border- style 屬性用於設定元素所有邊框的樣式,或單獨為各邊設定邊框樣式。範例如下:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> input{ border-style:none; background-color:pink; } </style> </head> <body> 输入框:<input type="text" value="默认值"> </body> </html>輸出結果: (學習影片分享:
css影片教學)
以上是css怎麼去掉輸入框樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章!