搜索框与提交按钮对不齐原因

帆 2024-04-30 0 阅读 评论

  搜索框与提交按钮对不齐原因

  1、首先是内边距 padding

  2、外边距   margin

  3、一般情况下应该都是边框属性造成对不齐的,border-width

  4、点击时候改变颜色或者状态:input:focus

  5、错位的时候:给input标签选择器设置vertical-align: top;或者给button标签设置vertical-align: middle;

  input:focus{

  outline: none;  /* 如何把蓝色去掉? */

  /* border: 0px solid red; /*  如何改成别的颜色? */ */

  }

  情况一:

  input与button设置的高一样:如图:

  

搜索框与提交按钮对不齐原因

  这样情况就是以上123点所造成的。

文章声明:以上内容(如有图片或视频亦包括在内)除非注明,否则均为时光荏苒原创文章,转载或复制请以超链接形式并注明出处。