input和button对不齐，错位问题

             input{box-sizing: border-box;padding-left: 20px;width: 500px;height: 40px;border: none;outline: none;border: 2px solid #f10215;}button{// vertical-align: top;width: 80px;height: 40px;background-color: #f10215;border: none;}

只需要在button上面加上一个 vertical-align: top; 这个属性就可以对齐了

input和button对不齐，错位问题相关推荐

button 与 input type=button 的区别【2012/07/23】
<button>标签定义按钮.其内部可以放置内容(文本或者图像),这也是它与input创建按钮的不同之处. <button> 控件与 <input type=" ...
苹果iphone手机上input的button按钮颜色显示有问题，安卓却没问题
苹果手机中会如类似上图,安卓却可以按自己写的来显示解决办法: -webkit-appearance: none; 以上即可,当然样式中可以加上通用的: 通用:input[type=button], ...
HTML button 和 input type=“button”的区别 / input type=submit 和button的区别
HTML <button> 和 input type="button"的区别: 1. <button>标签里可以放文本图片等内容,与<input> ...
[JS][前端]修改文件input为button样式
问题描述在开发的时候,遇到了需要提交表单文件的需求,但是原生<input>标签特别不好看,而且还有点击提交文件的提示,这样很影响美观,于是便想着更改<input>为<b ...
＜button＞与＜input type =“ button” /＞。使用哪个？
查看大多数站点(包括SO)时,大多数使用: <input type="button" /> 代替: <button></button> 两者之间 ...
Javascript button onclick和input type button在form中失效解决方案
<form><input type="button" onclick="reset()"><button type="b ...
mysql 提交按钮_表单提交按钮input和button、a的差异
现在普遍的在网页中,表单提交数据的按钮最常见实用有三种,一种是input,一种是button,最后一种,是其他如a标签,div标签,span标签代替而来.在以前的日子里,大家都习惯于用input,因为 ...
解析button和input type=”button”的区别
一.定义和用法 <button> 标签定义的是一个按钮. 在 button 元素内部,可以放置文本或图像.这是<button>与使用 input 元素创建的按钮的不同之处. 二 ...
input的button类型，点击页面跳转
2019独角兽企业重金招聘Python工程师标准>>> 一.input type=button 不做任何操作例如: <input type="button" ...

input和button对不齐，错位问题

input和button对不齐，错位问题相关推荐

最新文章

热门文章