输入和选择标签高度的问题形式

Question

嗨我正在制作一个表格所以问题是当我给输入和选择标签提供相同的高度和宽度,所以选择标签不像输入标签那样采用相同的高度.....

你能告诉我究竟什么问题和选择标签高度的唯一一个像素差异....

这里是您将了解问题的演示: - http://jsfiddle.net/RCnQa/12/

Answer 1

你必须给予高度的select和给box-sizing属性,这也.

select {
    border:1px solid #ccc;
    vertical-align:top;
    height:20px;
}
input, select{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

检查这个http://jsfiddle.net/RCnQa/16/

适用于IE8及以上版本.

Answer 2

尝试使用box-sizing:

input, select, option {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;  
}
input, select {
    width:100px;
    height:20px;
    border : 1px #ccc solid;
    vertical-align:top;
}

示例小提琴:http://jsfiddle.net/RCnQa/17/