当前位置：网站首页>输入框最前面添加放大镜＆＆background-image和background-color冲突问题

输入框最前面添加放大镜＆＆background-image和background-color冲突问题

2022-08-09 06:20:00 【TA_WORLD】

输入框最前面添加放大镜&&background-image和background-color冲突问题

在这里插入图片描述

<Input className="search-input" placeholder="搜索"></Input>

.search-input {
    
    height: 60px;
    background:url(../../assets/home/searchIcon.png) no-repeat left, #F6F6F6;
    background-size: 50px;
    border-radius: 20px;
    padding: 0 70px;
}

此处需要注意，background-image和background-color可能会出现冲突问题，为了使其都有效，必须使用综合的写法

原网站

版权声明
本文为[TA_WORLD]所创，转载请带上原文链接，感谢
https://blog.csdn.net/qq_56303170/article/details/126207275

边栏推荐

猜你喜欢

随机推荐