input 如何设置,使文字与输入框对齐?
input的结构如下:
username:输入框
即:
<input type="text" name="username" id="form_username" tabindex="1" value="" size="20"/>
格式使用css 设置的:
input {
margin: 5px;
font: bolder 12px Arial, Sans-serif;
border: 1px solid #CCC;
padding: 2px 3px;
background: #FFF;
color: #88ac0b;
}
现在 username 与 输入框在 水平上总是没有对齐,请问 该如何设置呢??
而且 同样的代码,在IE中没有对齐,但是在chrom中时可以对齐的,请问这是什么原因?
username:输入框
即:
<input type="text" name="username" id="form_username" tabindex="1" value="" size="20"/>
格式使用css 设置的:
input {
margin: 5px;
font: bolder 12px Arial, Sans-serif;
border: 1px solid #CCC;
padding: 2px 3px;
background: #FFF;
color: #88ac0b;
}
现在 username 与 输入框在 水平上总是没有对齐,请问 该如何设置呢??
而且 同样的代码,在IE中没有对齐,但是在chrom中时可以对齐的,请问这是什么原因?
...全文
相关推荐
删除输入框的文字
简单的一个Demo 实现删除文本框的文字,删除图片能够随着文字的显示而显示
input 标签实现输入框带提示文字效果(两种方法)
主要介绍了input 标签实现输入框带提示文字效果(两种方法),需要的朋友可以参考下
HTML5中input输入框默认提示文字向左向右移动的示例代码
HTML5中input输入框默认提示文字向左向右移动首先演示input输入框代码 <style> * { margin: 0; padding: 0; } .sousuo { width: 458px; height: 34px; margin-left: 190px; margin-top: 200px; border: 2px solid red; }
CSS实现让同一行文字和输入框对齐的方法
主要为大家介绍了CSS实现让同一行文字和输入框对齐的方法,涉及css中vertical-align属性的使用技巧,需要的朋友可以参考下
基于vue2.0的input输入框文字特效
这是一款基于vue2.0的input输入框文字特效。该input输入框特效在输入框聚焦时,为输入框添加多种动画效果,极大提高交互效果。


