关于css搜索框制作

    技术2022-07-20  90

    搜索框制作有二种方案: 思路:都是通过一个div包含input标签,使得宽高一致。这里div、input都要使用怪异盒子box-sizing: border-box;从而让内边距不影响整个盒子大小。 第一种: 通过给div设置背景颜色,利用padding内边距使input盒子向下压缩从而显示边框为padding值的大小。 代码如下: 第二种: 通过给div设置边框

    代码如下: 这里可以把宽高设置为398px和28px,那么就不需要用到怪异盒子了,只不过修改由于宽高是定死的,所以比较麻烦。 建议使用第二种写法更简便。

    Processed: 0.009, SQL: 9