Kleines CSS-Beispiel (nur unterstrichenes Textfeld, textähnliche Schaltfläche)_Erfahrungsaustausch

<title>Nur ​​unterstrichene Textfelder und textähnliche Schaltflächen anzeigen </title> <style type="text/css"><!-- body{ background-color:#daeeff; /* 页面背景色 */ } form{ margin:0px; padding:0px; font:14px; } input{ font:14px Arial; } .txt{ color:#005aa7; border-bottom:1px solid #005aa7; /* 下划线效果 */ border-top:0px; border-left:0px; border-right:0px; background-color:transparent; /* 背景色透明 */ } .btn{ background-color:transparent; /* 背景色透明 */ border:0px; /*border:0px solid #005aa7;边框取消 */ cursor:pointer; } --></style> <style type="text/css" bogus="1"> body{ background-color:#daeeff; /* 页面背景色 */ } form{ margin:0px; padding:0px; font:14px; } input{ font:14px Arial; } .txt{ color:#005aa7; border-bottom:1px solid #005aa7; /* 下划线效果 */ border-top:0px; border-left:0px; border-right:0px; background-color:transparent; /* 背景色透明 */ } .btn{ background-color:transparent; /* 背景色透明 */ border:0px; /*border:0px solid #005aa7;边框取消 */ cursor:pointer; }</style> <div> Benutzername: <input type="text" name="name" id="name" class="txt"> Passwort: <input type="password" name="pwd" id="pwd" class="txt"> <input type="submit" name="btnSubmit" id="btnCancel" value="重置" class="btn"> <input type="submit" name="btnSubmit" id="btnSubmit" value="提交" class="btn"> </div>
[Strg+A, um alle auszuwählen. Hinweis: Wenn Sie externe Js einführen müssen, müssen Sie es aktualisieren, um es auszuführen ]