css中input和button接触 两者化为一体的写法

hxy 2020-06-22 PM 60℃ 0条 访问: 61 次

如图:
![72.png

css/less代码:

 #searchDiv {
    width: 4rem;
    margin: 0.5rem auto;
    height: 0.4rem;
    background-color: #C40000;
     padding: 1px;
    input {
      width: 2.75rem;
      height: 0.36rem;
      line-height: 0.36rem;
      margin: 1px;
      border: 1px solid transparent;
      outline: none;
    }

    button {
      width: 1.1rem;
      color: #fff;
      background-color: #C40000;
      height: 0.38rem;
      border: 1px solid transparent;
    }
  }
}

思路主要为先创建一个大的div,里面放input和button,给大的div颜色,并且让input和button的width和border之和小于div的width,并且border的颜色为无 transpare ,多的width为border

标签: none

非特殊说明,本博所有文章均为博主原创。

上一篇 通过二维数组来交换数据
下一篇 没有了

评论啦~