1. 首页>>前端>>CSS

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

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

  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设置的高一样:如图:

01.png

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


转载联系作者并注明出处:https://focusonseo.cn/css/84.html