问题:
http://www.iteye.com/problems/21336引用
A:<input name='an[61_1]' type='text' class='style5' size='15' value=''>
A:<input name='an[61_1]' type='text' class='style5' size='15' value=''>
在网页中的效果:
但现在要显示的效果是:
感觉这个是用css改的吧?具体怎么改?
CSS 样式:
<style type='text/css'>
.style5{
background:#ffffff;border-bottom-color:#ff6633; border-bottom-width:1px;border-top-width:0px;border-left-width:0px;border-right-width:0px; solid #ff6633; color: #000000; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 18px; LINE-HEIGHT: normal}
input.buttonface{BACKGROUND: #ffcc00; border:1 solid #ff6633; COLOR: #ff0000; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 18px; LINE-HEIGHT: normal
}
</style>
网上下了个完整示例:
<!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"><!--
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" mce_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>
<div>
用户名:
<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" />
</div>
</body>
</html>
- 大小: 2.3 KB
- 大小: 3.7 KB
分享到:
相关推荐
文本框取鼠标事件文本框取鼠标事件文本框取鼠标事件文本框取鼠标事件文本框取鼠标事件
在网页text文本框显示下划线,左边,右边,上边的边框线不显示。美化页面效果
html页面实现给textarea等等的文本框内添加可动态输入文字的多行下划线,类似于打印出来的学生考试试卷答题的那种多行横线效果一样,可在页面文本框内横线输入框上随意输入文字,调用浏览器打印文本时也可完整正常的...
总觉得文本框有边框上下左右都显示特难看,现在做了个自动调整大小的只有下边边框的文本框~
VB 排序 简单排序 文本框取数字排序 字符串取数字排序
只显示下划线的文本框的自定义控件,通过原有文本框与lable控件合成
package com.llt.demo; import java.awt.BorderLayout; import java.awt.Color; import java.awt.Dimension; import java.awt.Rectangle; import javax.swing.JButton; import javax.swing.JFrame;...
CSS定义下划线样式_莱茵河的小鱼_新浪博客.mht
文本框获取节点文本框获取节点文本框获取节点文本框获取节点文本框获取节点文本框获取节点
文本框坐标 文本框坐标 文本框位置文本框坐标 文本框坐标 文本框位置
数字文本框控件数字文本框控件数字文本框控件数字文本框控件数字文本框控件数字文本框控件数字文本框控件数字文本框控件数字文本框控件数字文本框控件
QT封装的文本框,标签在文本框上,点击文本框后,标签上浮,光标从文本框移走后,如果文本框文本为空,则标签下浮到原始位置,文本框显示下边框,文本框获取光标时,下边框从中心向两侧动画展开,文本框失去光标时,...
js达到文本框的最大长度时跳到下一个文本框 达到文本框的最大长度跳到下一个文本框 达到文本框的最大长度切换到下一个文本框 达到文本框的最大长度自动跳到下一个文本框 js达到文本框的最大长度时跳到下一个文本框 ...
mfc文本框的例子mfc文本框的例子mfc文本框的例子
文本框 css 样式 鼠标移上去文本框变成浅绿色 ...只有下划线的文本框: 软件序列号式的输入框: 软件序列号式的输入框(完整版): 输入框景背景透明: 鼠标划过输入框,输入框背景色变色: 等等
Css写透明文本框,无边界文本框Css写透明文本框,无边界文本框Css写透明文本框,无边界文本框Css写透明文本框,无边界文本框Css写透明文本框,无边界文本框Css写透明文本框,无边界文本框
如何让文本框内的提示信息在激活文本框时清空 解决思路: 当需要填写的文本框很多时,在每个文本框内写上提示信息是个不错的办法,但这样一来用户在填写该项时必须先把提示文本删掉,非常不方便。所以应该让文本框更...
下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框....
Visual C++源代码 4 如何在菜单栏中添加文本框Visual C++源代码 4 如何在菜单栏中添加文本框Visual C++源代码 4 如何在菜单栏中添加文本框Visual C++源代码 4 如何在菜单栏中添加文本框Visual C++源代码 4 如何在...
JavaScript实现文本框提示 JavaScript实现文本框提示 JavaScript实现文本框提示 JavaScript实现文本框提示