Heim > Artikel > Web-Frontend > So entfernen Sie den Eingabefeldstil in CSS
In CSS können Sie das Attribut „border-style“ verwenden, um den Stil des Eingabefelds zu entfernen. Dieses Attribut wird verwendet, um den Rahmenstil des Elements festzulegen entfernt den Rahmenstil. Die Syntax lautet „Eingabefeldelement {border-style:none;}“.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.
So entfernen Sie den Eingabefeldstil in CSS
Der Standardstil des Eingabefelds ist wie folgt:
Wenn Sie den Eingabefeldstil entfernen möchten, müssen Sie nur den Rahmen verwenden -style-Attribut zum Entfernen des Eingabefeldstils. Wenn der Wert des Attributs auf „Keine“ gesetzt ist, wird der Stil des Eingabefelds entfernt. Das
border-style-Attribut wird verwendet, um den Stil aller Ränder des Elements festzulegen , oder um den Rahmenstil für jede Seite einzeln festzulegen. Das Beispiel lautet wie folgt:
<!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>
Ausgabeergebnis:
(Lernvideo-Sharing: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo entfernen Sie den Eingabefeldstil in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!