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

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

如何在 bootstrap 4 自定義選擇中完全隱藏雙箭頭

如何在 bootstrap 4 自定義選擇中完全隱藏雙箭頭

aluckdog 2023-01-06 11:03:13
已經(jīng)給出了如何隱藏 bootstrap 4 自定義選擇字段右側(cè)的雙箭頭的答案,如此處所示。生成的選擇框仍將右側(cè)的文本隱藏在現(xiàn)在不透明的箭頭后面。我希望能夠使用與左側(cè)一樣多的右側(cè)空間來(lái)顯示專(zhuān)為移動(dòng)設(shè)備設(shè)計(jì)的顯示器。換句話(huà)說(shuō),可以進(jìn)行哪些額外的更改以使文本在選擇框的最右側(cè)可見(jiàn)。您可以通過(guò)調(diào)整屏幕寬度來(lái)查看問(wèn)題。.custom-select{background-image: none !important;}<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"/><div class="form-group">  <div class="col-8">    <div class="input-group">      <select class="custom-select">        <option>end of text string will hide behind opaque double arrow around here</option>        <option>2</option>      </select>    </div>  </div></div>  
查看完整描述

1 回答

?
哆啦的時(shí)光機(jī)

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

這是一個(gè)填充問(wèn)題。使用 'padding-right' 減少空白。


.custom-select{

background-image: none !important;

padding-right:5px !important; 

}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"/>

<div class="form-group">

  <div class="col-8">

    <div class="input-group">

      <select class="custom-select">

        <option>end of text string will hide behind opaque double arrow around here</option>

        <option>2</option>

      </select>

    </div>

  </div>

</div>

  

注意:5px 只是一個(gè)示例,您可能希望確保左右填充匹配。



查看完整回答
反對(duì) 回復(fù) 2023-01-06
  • 1 回答
  • 0 關(guān)注
  • 218 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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