如何在搜索框中只输入 80

Question

我想创建一个搜索框，默认情况下用户最多只能输入 80% 的十字图标在这里只是一点点它的权利我想添加一个搜索图标如何做到这一点。 这是我的搜索框move cross icon little bit left to add another search icon
我要实现 search box like this

#searchBtn {
                margin-left: 0px;
                color: rgb(0, 0, 0);
                background-color: rgba(252, 174, 158, 0);
                border: none;
            }
            #searchBox {
                margin-left: 0px;
    
            } 
    
    <div class="searchbox">
            <input type="search" name="" id="searchBox">
            <button id="searchBtn" type="submit"><i class="far fa-search"></i></button>
     </div>

Answer 1

将边框移动到容器而不是输入。

.searchbox {
    width: fit-content;
    width: -moz-fit-content;

    border: solid 1px black;
}

#searchBox {
    border: none;
}