input的垂直居中对齐问题

• 2014-08-27
• 2548 View

1.INPUT和图片按钮对齐：
<form method="post" action="ccc.asp">
  <input type="text" name="title" onfocus="this.value=''" value="请输入单词">
  <input type=image src="http://ccc.cn/img/dict.gif" align="absmiddle">
</form>
    也可以在按钮的样式里面加入：vertical-align:middle;

2.INPUT和文字对齐
  定义INPUT的样式，input {vertical-align:middle;}，这样文字就会和INPUT框对齐。

3.以此类推，SELETE框等都如此
  可以在全局CSS中定义：input,select{vertical-align:middle;} 省的后面麻烦。


4.去除链接的虚线框
a{
    blr:expression_r(this.onFocus=this.blur());  
    outline:none;  
}
a:focus{
    -moz-outline-style: none;  
}