html设置按钮的高度,html – 样式输入和按钮 – 高度问题

Submit

input, button{outline: none;}

.inputWithButton{

display:inline-block;

overflow:hidden;

border:1px solid gray;

border-radius: 3px;

}

.inputWithButton > *{

vertical-align:top;

border:0;

margin:0;

padding: 3px 10px;

}

.inputWithButton > input[type=text]{

width:150px;

}

.inputWithButton > button{

border-left:1px solid gray;

background:#eee;

cursor:pointer;

width:70px;

}

.inputWithButton > button::-moz-focus-inner {

border: 0;

}

(只需从跨度中删除边框并为输入和按钮添加边框)这很容易.