第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何在附加圖像時(shí)使引導(dǎo)程序的輸入組中的邊框保持一致?

如何在附加圖像時(shí)使引導(dǎo)程序的輸入組中的邊框保持一致?

HUX布斯 2023-09-25 16:44:09
我正在嘗試在導(dǎo)航欄中創(chuàng)建一個(gè)搜索框,并得到以下效果:所以我的問(wèn)題是我無(wú)法使邊框保持一致 - 我希望圖標(biāo)與“搜索...”框具有相同的邊框,并且它們之間沒(méi)有邊框。它的代碼如下所示:<div class="input-group" style="width: 10rem;"><input type="search" placeholder="Search..." aria-describedby="button-addon5" class="form-control"><div class="input-group-append">    <button id="button-addon5" type="submit" class="btn" style="background-color: White;">        <svg class="bi bi-search" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color: rgb(230,0,0);">          <path fill-rule="evenodd" d="M10.442 10.442a1 1 0 011.415 0l3.85 3.85a1 1 0 01-1.414 1.415l-3.85-3.85a1 1 0 010-1.415z" clip-rule="evenodd"/>          <path fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 100-11 5.5 5.5 0 000 11zM13 6.5a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z" clip-rule="evenodd"/>        </svg>    </button></div>我最接近解決這個(gè)問(wèn)題的方法是查找 bootstrap 的 css 并將邊框?qū)傩詮?fù)制到按鈕元素,然后將 border-left 設(shè)置為 none,但是盡管沒(méi)有左邊框,但仍存在圓角可見(jiàn)的問(wèn)題。即使可以刪除左邊的角,我覺(jué)得一定有更好的方法......:/
查看完整描述

1 回答

?
翻過(guò)高山走不出你

TA貢獻(xiàn)1875條經(jīng)驗(yàn) 獲得超3個(gè)贊

使用按鈕上的邊框?qū)嵱贸绦?..


   <div class="input-group" style="width: 10rem;">

        <input type="search" placeholder="Search..." aria-describedby="button-addon5" class="form-control">

        <div class="input-group-append">

            <button id="button-addon5" type="submit" class="btn border-left-0 border" style="background-color: White;">

                <svg class="bi bi-search" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color: rgb(230,0,0);">

                    <path fill-rule="evenodd" d="M10.442 10.442a1 1 0 011.415 0l3.85 3.85a1 1 0 01-1.414 1.415l-3.85-3.85a1 1 0 010-1.415z" clip-rule="evenodd" />

                    <path fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 100-11 5.5 5.5 0 000 11zM13 6.5a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z" clip-rule="evenodd" />

                </svg>

            </button>

        </div>

   </div>

演示: https: //codeply.com/p/wLgphISgj2


查看完整回答
反對(duì) 回復(fù) 2023-09-25
  • 1 回答
  • 0 關(guān)注
  • 117 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)