CSS小例子(只显示下划线的文本框，像文字一样的按钮)

ttx9n · 发表于 2009-3-21 00:06:25

只显示下划线的文本框，像文字一样的按钮

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
<title>只显示下划线的文本框，像文字一样的按钮</title> 
<style type="text/css"></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> 
</head> 
<body> 
 
用户名: 
<input type="text" name="name" id="name" class="txt" />
 
密　码: 
<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" /> 
 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

i3x3r3 · 发表于 2023-1-1 03:56:18

额风风风微风微风违法

9jduu05 · 发表于 2023-2-12 03:34:00

而快乐你们快乐马年快乐

kestlhoxn · 发表于 2023-3-12 18:27:01

8888888888888888

u6h2m4 · 发表于 2023-10-25 09:57:54

管灌灌灌灌灌灌灌灌灌灌

平平安安 · 发表于 2024-3-2 04:35:21

看看看看看看看看看看看看看看看看看看看看看看看看看看看

雪龙Ui79 · 发表于 2024-3-2 07:21:18

好东西一定要看看！

溪谷玉贤 · 发表于 2024-5-12 22:57:41

看看怎么样再说

Anthonylam · 发表于 2024-5-23 19:59:59

sdsadsadsadf

thywok · 发表于 2024-7-6 21:57:03

呵呵呵呵呵呵

账号		自动登录	找回密码
密码			立即注册

[CSS/HTML] CSS小例子(只显示下划线的文本框，像文字一样的按钮)

相关帖子