直接上代码:
<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>
效果: