Ghost 发表于 [2009-07-17 15:00]

最近做了一个表单的页面,被输入框的对齐问题烦死了,相信觉得烦的不只我一个,整理下相关的代码,包括输入框内、外文字的对齐。希望对大家有用:

<label><input type="radio" name="info_name" />名称</label>
<label>名称:<input type="text" class="input_text l_type" /></label>

input{
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兼容方案 》的简单些:

css

.e{
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

[转]输入框对齐问题相关推荐

  1. html4.0编辑器,KindEditor HTML(在线编辑器)

    KindEditor是在国内比较受欢迎的HTML在线编辑器,本次更新新增单元格编辑功能,各种按钮(确定.取消.上传等按钮)在不同浏览器上保持相同外观. KindEditor v4.0.4 更新日志: ...

  2. 表单设置默认值_你还不知道表单怎么设计吗?看这里!

    表单是电子商务.社交互动和大多数基于生产力应用类型的网站的关键.尽可能简单,微小的变化都有可能极大的提高用户体验. 一.设计原则 尽量减少痛苦 填写过程尽量简洁.容易. 说明填写完成路径 清晰的告诉人 ...

  3. 详解CSS position属性

    原文地址:http://luopq.com/2015/11/15/css-position/ position是CSS中非常重要的一个属性,通过position属性,我们可以让元素相对于其正常位置,父 ...

  4. Swing + MySQL实现汽车租赁系统4.0

    Swing + MySQL实现汽车租赁系统4.0 引言 始 需求分析 系统功能结构图 类图 使用说明 部分代码 JDBC连接MySQL(需导入jar包) 登录界面 用户端界面 测试 用户注册 登录界面 ...

  5. 看不完的那种!前端170面试题+答案学习整理(良心制作)

    哪吒人生信条:如果你所学的东西 处于喜欢 才会有强大的动力支撑. 把你的前端拿捏得死死的,每天学习得爽爽的,关注这个不一样的程序员,如果你所学的东西 处于喜欢 才会有强大的动力支撑. 感谢不负每一份热 ...

  6. 分享我的一些PJBlog小技巧

    Update: 现在已经不用PJBlog了,文章中的很多链接已经失效.需要什么帮助请直接联系我. 1. 去掉UBB斜体标签 经常在Blog发布代码的同志会发现斜体标签[i]很恶心,一旦你代码里的某个数 ...

  7. 创建一个表单:个人信息注册页面

    利用html里面的表单,写一个个人信息注册表 先上效果图 结构图 分析 一.首先先创建一个表单 css:在表单中加上版心,使得表单在页面中居中,设置边框 <form class="W& ...

  8. 老图搬砖day03.2——HTML

    8月12日 在稍稍落后于课程安排的进程之下,我们终于在实习的第三天下午来到了HTML和CSS的学习,按课程我们今天本应该完成HTML和CSS的学习和作业,CSS被拖到了明天,看来作业又是晚上的课后作业 ...

  9. mysql 垂直投影_垂直css文字

    css垂直居中怎么设置?文字上下居中和图片垂直居中 css 居中分css垂直居中和css水平居中,水平居中平时比较常用,这里我们主要讲css上下居中的问题.垂直居中又分为css文字上下居中和css图片 ...

  10. PowerPoint 2007基础入门视频教程(笔记)

    1.PPT启动 2.PPT关闭 3.打开文档 4.保存文档 5.放映及关闭演示文稿 放映: (1).右下角的"手电筒"图标 (2).菜单上的"幻灯片放映" 从头 ...

最新文章

  1. Poj 2186 Popular Cows(Tarjan 强连通缩点)
  2. coding制品库持续集成php项目,基于 CODING 轻松搞定持续集成
  3. Tensorflow-gpu 在Anaconda中使用出现问题的解决方式
  4. 远程连接linux(Ubuntu配置SSH服务)22端口
  5. Hightchart y轴不允许显示小数
  6. 网站故障排查几个简单步骤
  7. ffmpeg 2.6.3在Windows系统MinGW的编译
  8. android dumpsys命令使用
  9. stackexchange.mysql_StackExchange.Redis客户端读写主从配置,以及哨兵配置。
  10. 简单版本CRM 客户管理系统设计
  11. Java黑皮书课后题第6章:*6.7(金融应用:计算未来投资回报率)编写一个方法,计算按照给定的年数和利率计算未来投资回报值,未来投资回报值是用编程练习题2.21中的公式得到的,使用下面方法头
  12. 蓝桥 卷“兔”来袭编程竞赛专场-04栅栏加密 题解
  13. XML文件内容格式化与语法错误自动检查
  14. 基于无人机倾斜摄影和深度学习算法的单树点云分割方法研究
  15. 微信订阅号推广只要这一个标题就够了!
  16. iOS仿微信录像和拍照(swift5.0)
  17. python发送邮件一
  18. 适配阿拉伯文镜像页面
  19. Python 上下文管理器和with块 一
  20. 关闭新版Chrome中的深色主题

热门文章

  1. 拓端tecdat|R语言用Copulas模型的尾部相依性分析损失赔偿费用
  2. 【大数据部落】文本挖掘:twitter推特LDA主题情感分析
  3. sklearn.preprocessing.StandScaler
  4. 案例7-3 统计工龄 (20 分)(简单)
  5. 2-9 装箱问题 (20 分)
  6. 最大公约数PHP算法,php计算两个整数的最大公约数常用算法小结
  7. Centos7下基于Pseudo-Distributed的Hadoop环境搭建
  8. Yarn install报错 【错误: 找不到或无法加载主类 install】
  9. postman 测试excel下载_使用Postman轻松实现接口数据关联
  10. 简述python文件操作_python 文件操作总结