主题:  一个输入框聚焦的问题!

我有BLOG了

职务:普通成员
等级:4
金币:16.8
发贴:2209
注册:2003/1/22 2:08:39
#12003/5/22 19:03:17
请看 icdo.myetang.com/home.htm 风起的日子
这个栏目里面,右面论坛登陆这个,他的文字输入框只有一条下线,如何用代码实现?还有如何让鼠标的焦点在中间~!



--------------------------------------------------------------------------------



Youngson

职务:普通成员
等级:1
金币:0.0
发贴:89
注册:2003/4/2 14:58:01
#22003/5/22 19:50:23
首先:用css定义一下
.input {
    height: 20px;
    clip: rect( );
    color: #333333;
    font-family: "Arial", "Helvetica", "sans-serif";
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    border-top: 0px solid #CCCCCC;
    border-right: 0px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 0px solid #CCCCCC;
}
其次:
用户名:
密  码:

我有BLOG了

职务:普通成员
等级:4
金币:16.8
发贴:2209
注册:2003/1/22 2:08:39
#32003/5/22 20:05:15
大哥,你写的函数好多啊,有一半的函数我没有明白,能给予一定的解释嘛?



缺缺

职务:管理员
等级:8
金币:41.0
发贴:9620
注册:2004/1/14 19:14:47
#42003/5/22 20:18:50
这个不叫函数,是CSS



Youngson

职务:普通成员
等级:1
金币:0.0
发贴:89
注册:2003/4/2 14:58:01
#52003/5/22 20:27:12
其实也就是用css定义表格的边框样式,关键是这几句
text-align: center; (使鼠标的焦点在中间)
border-top: 0px solid #CCCCCC; (0px 指设定上边框为0像素宽)(solid 指边线样式为实线,#CCCCCC;指定边线颜色,这两个在边线为零时,可省)
border-right: 0px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;(下边线为1像素)
border-left: 0px solid #CCCCCC;

class=input 是给input标记应用样式



我有BLOG了

职务:普通成员
等级:4
金币:16.8
发贴:2209
注册:2003/1/22 2:08:39
#62003/5/23 10:43:38
谢谢楼上几位大哥的细心解释~