【转】只显示下划线的文本框AND像文字一样的按钮
2013-10-31 10:46
288 查看
【转】只显示下划线的文本框AND像文字一样的按钮
只显示下划线的文本框,像文字一样的按钮<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>
</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>
相关文章推荐
- CSS小例子(只显示下划线的文本框,像文字一样的按钮)
- CSS小例子(只显示下划线的文本框,像文字一样的按钮)
- CSS小例子(只显示下划线的文本框,像文字一样的按钮)
- button按钮与文字链接显示效果一样
- 创建有一个文本框和三个按钮的小程序 当按下每个按钮时 使不同的文字显示在文本框中
- 像文字一样的按钮,submit按钮以文本的形式显示出来
- ColorStateList改变按钮、文本框文字变色
- iOS开发:真机或者模拟器中,APP中的按钮文字下面自动出现下划线的问题的解决
- 黑马程序员之WinForm编程基础学习笔记:页面上有一张图片,默认是隐藏的,用户在文本框中输入身份证号(131226198105223452),点击按钮,如果年龄大于18岁则显示图片。
- jQuery 实现全部到精简的转换 点击“显示全部品牌按钮”显示到第二幅图,个别文字高亮显示,并且“显示全部品牌”按钮文字变为“精简显示品牌”并且向上向下箭头改变,用JQuery实现本功能。
- COCOS2D创建菜单,按钮区域和文字显示不一致
- 加法计算器 按钮变脸 文本框变脸 无刷新评论 高亮显示点击的当前行 网站选择
- 编写Applet程序实现一个计算器,包括10个数字(0~9)按钮和4个运算符(加、减、乘、除)按钮,以及等号和清空两个辅助按钮,还有一个显示输入输出的文本框。试用GridLayout实现之
- html file 按钮更改显示文字问题
- 自定义按钮,是图片和文字水平居中显示
- 点击按钮后用jQuery禁止按钮并显示文字[正在处理...]
- jquery插件小试牛刀:文本框为空时默认文字显示,获得焦点后默认文字消失
- 设置分录表格的标题,给分录添加按钮,当标题无法显示全部文字时,可修改参数改变标题控件的长度。
- JS/jQuery实现默认显示部分文字点击按钮显示全部内容
- 黑马程序员之WinForm编程基础学习笔记:页面上有一个文本框,文本框左侧和右侧各有一个按钮,点击左测按钮文本框中的文字向左循环滚动一次,点击右侧按钮文本框中的文字向右循环滚动一次。