直接上代码:
<html><head><title>像文字一样的按钮</title><style>body{ background-color:#daeeff; ??/* 页面背景色 */}form{ margin:0px; padding:0px; font:14px;}input{ font:14px Arial;}.txt{ border-bottom:1px solid #005aa7; /* 下划线效果 */ color:#005aa7; border-top:0px; border-left:0px; border-right:0px; background-color:transparent; ?/* 背景色透明 */}.btn{ background-color:transparent; ?/* 背景色透明 */ border:0px; ??????/* 边框取消 */}</style> ??</head><body><form method="post"> 请输入您的信息: <input type="text" name="name" id="name" class="txt"> <input type="submit" name="btnSubmit" id="btnSubmit" value="我是按钮" class="btn"></form></body></html>
效果:
Html : 将submit变成像文字一样的按钮
原文地址:https://www.cnblogs.com/finalanddistance/p/9181382.html