我现在在创建搜索栏时遇到问题

时间:2021-01-28 11:17:33

标签: html css

我参考了很多关于如何创建搜索栏的网页,但我做不到,我的图标有一个大问题。我的搜索栏图标不起作用。 fa-search 不起作用。

代码:

form{
      height: 41px;
 }
form.search input[type=text]{
    padding:10px;
    font-size:15px;
    border:1px solid grey;
    float:left;
    width:35%;
}
    
form.search button{
        padding:10px;
        float:left;
        width:20px;
        background-color:#6A94EE;
        color:white;
        font-size:15px;
        border:1px solid grey;
        cursor: pointer;
}
    <form class="search" action="/action_page.php">
            <input type="text" placeholder="Search books by keywords, title,  author or ISBN..."/>
            <button type="submit"><i class="fas fa-search"></i></button><br/>
    </form>

0 个答案:

没有答案
相关问题