[转]输入框对齐问题
Ghost 发表于 [2009-07-17 15:00]
最近做了一个表单的页面,被输入框的对齐问题烦死了,相信觉得烦的不只我一个,整理下相关的代码,包括输入框内、外文字的对齐。希望对大家有用:
<label>名称:<input type="text" class="input_text l_type" /></label>
vertical-align:middle;
}
input[type="radio"]{
vertical-align:-1px;
vertical-align:middle\9;
}
.input_txt{
height:18px;
height:22px\9;
padding-left:1px;
padding-top:4px;
padding-top:0\9;
border:1px solid #B3D0DF;
*line-height:22px;
}
另外,跟大家分享下这次发现的终级hack,比之前《 最新CSS兼容方案 》的简单些:
color:#FFF;/* FF,OP */
[;color:#0F0;]/* Sa,CH */
color:#FFF\9;/*IE6、7、8*/
*color:#FF0;/* IE7、6 */
_color:#F00;/* IE6 */
}
@media all and(min-width:0){
.e{
background-color:#FF5500;/* OP */
}
}
文章地址:http://www.cssforest.org/blog/index.php?id=141
《[原]输入框对齐问题》采用的授权是创作共用的 “署名-非商业性使用-相同方式共享 3.0 通用许可”.
转载于:https://www.cnblogs.com/css/archive/2009/12/17/1626164.html
[转]输入框对齐问题相关推荐
- html4.0编辑器,KindEditor HTML(在线编辑器)
KindEditor是在国内比较受欢迎的HTML在线编辑器,本次更新新增单元格编辑功能,各种按钮(确定.取消.上传等按钮)在不同浏览器上保持相同外观. KindEditor v4.0.4 更新日志: ...
- 表单设置默认值_你还不知道表单怎么设计吗?看这里!
表单是电子商务.社交互动和大多数基于生产力应用类型的网站的关键.尽可能简单,微小的变化都有可能极大的提高用户体验. 一.设计原则 尽量减少痛苦 填写过程尽量简洁.容易. 说明填写完成路径 清晰的告诉人 ...
- 详解CSS position属性
原文地址:http://luopq.com/2015/11/15/css-position/ position是CSS中非常重要的一个属性,通过position属性,我们可以让元素相对于其正常位置,父 ...
- Swing + MySQL实现汽车租赁系统4.0
Swing + MySQL实现汽车租赁系统4.0 引言 始 需求分析 系统功能结构图 类图 使用说明 部分代码 JDBC连接MySQL(需导入jar包) 登录界面 用户端界面 测试 用户注册 登录界面 ...
- 看不完的那种!前端170面试题+答案学习整理(良心制作)
哪吒人生信条:如果你所学的东西 处于喜欢 才会有强大的动力支撑. 把你的前端拿捏得死死的,每天学习得爽爽的,关注这个不一样的程序员,如果你所学的东西 处于喜欢 才会有强大的动力支撑. 感谢不负每一份热 ...
- 分享我的一些PJBlog小技巧
Update: 现在已经不用PJBlog了,文章中的很多链接已经失效.需要什么帮助请直接联系我. 1. 去掉UBB斜体标签 经常在Blog发布代码的同志会发现斜体标签[i]很恶心,一旦你代码里的某个数 ...
- 创建一个表单:个人信息注册页面
利用html里面的表单,写一个个人信息注册表 先上效果图 结构图 分析 一.首先先创建一个表单 css:在表单中加上版心,使得表单在页面中居中,设置边框 <form class="W& ...
- 老图搬砖day03.2——HTML
8月12日 在稍稍落后于课程安排的进程之下,我们终于在实习的第三天下午来到了HTML和CSS的学习,按课程我们今天本应该完成HTML和CSS的学习和作业,CSS被拖到了明天,看来作业又是晚上的课后作业 ...
- mysql 垂直投影_垂直css文字
css垂直居中怎么设置?文字上下居中和图片垂直居中 css 居中分css垂直居中和css水平居中,水平居中平时比较常用,这里我们主要讲css上下居中的问题.垂直居中又分为css文字上下居中和css图片 ...
- PowerPoint 2007基础入门视频教程(笔记)
1.PPT启动 2.PPT关闭 3.打开文档 4.保存文档 5.放映及关闭演示文稿 放映: (1).右下角的"手电筒"图标 (2).菜单上的"幻灯片放映" 从头 ...
最新文章
- Poj 2186 Popular Cows(Tarjan 强连通缩点)
- coding制品库持续集成php项目,基于 CODING 轻松搞定持续集成
- Tensorflow-gpu 在Anaconda中使用出现问题的解决方式
- 远程连接linux(Ubuntu配置SSH服务)22端口
- Hightchart y轴不允许显示小数
- 网站故障排查几个简单步骤
- ffmpeg 2.6.3在Windows系统MinGW的编译
- android dumpsys命令使用
- stackexchange.mysql_StackExchange.Redis客户端读写主从配置,以及哨兵配置。
- 简单版本CRM 客户管理系统设计
- Java黑皮书课后题第6章:*6.7(金融应用:计算未来投资回报率)编写一个方法,计算按照给定的年数和利率计算未来投资回报值,未来投资回报值是用编程练习题2.21中的公式得到的,使用下面方法头
- 蓝桥 卷“兔”来袭编程竞赛专场-04栅栏加密 题解
- XML文件内容格式化与语法错误自动检查
- 基于无人机倾斜摄影和深度学习算法的单树点云分割方法研究
- 微信订阅号推广只要这一个标题就够了!
- iOS仿微信录像和拍照(swift5.0)
- python发送邮件一
- 适配阿拉伯文镜像页面
- Python 上下文管理器和with块 一
- 关闭新版Chrome中的深色主题
热门文章
- 拓端tecdat|R语言用Copulas模型的尾部相依性分析损失赔偿费用
- 【大数据部落】文本挖掘:twitter推特LDA主题情感分析
- sklearn.preprocessing.StandScaler
- 案例7-3 统计工龄 (20 分)(简单)
- 2-9 装箱问题 (20 分)
- 最大公约数PHP算法,php计算两个整数的最大公约数常用算法小结
- Centos7下基于Pseudo-Distributed的Hadoop环境搭建
- Yarn install报错 【错误: 找不到或无法加载主类 install】
- postman 测试excel下载_使用Postman轻松实现接口数据关联
- 简述python文件操作_python 文件操作总结