小编Ond*_*ský的帖子

如何删除引导程序 4 中的输入组 <select> 箭头?

如何删除 select 中那个看起来很可怕的双箭头? 我发现的关于这篇文章的任何其他回答都不起作用。

    <div class="form-group">
      <label for="date">Date</label>
      <div class"row">
        <div class="col-5">
          <input.....>
        </div>
        <div class="col-7">
          <div class="input-group">
            <select class="custom-select">
              <option.....>
            </select>
          </div>
        </div>
      </div>
    </div>
Run Code Online (Sandbox Code Playgroud)

图片:

图片

我尝试了这些解决方案:

但不起作用。

html css html-select twitter-bootstrap bootstrap-4

5
推荐指数
1
解决办法
3776
查看次数

Bootstrap 4设置输入组输入的宽度

您能帮我解决这个问题吗?我有一个input-group引导4。在我中,input-group我有2个输入,第一个输入带有前置,第二个带有附加。

它包装在a col-12 divform-group,我需要width将第一个输入的设置为第二个,并将第二个设置为某个特定(但不同)的值。我尝试width在自定义CSS中设置,但未成功。可能吗?我知道,可以通过将其与另一个col一起包装在div中来进行设置,但是比起我同时在下面输入而不是并排输入。

码:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

 <div class="form-group">
    <label for="telephone">Telephone</label>
      <div class="row">
         <div class="col-12">
            <div class="input-group telephone-input">
              <div class="input-group-prepend preselection-prepend">
                  <div class="input-group-text">+</div>
              </div>
              <input class="form-control" id="preselection" type="text" maxlength="3" name="preselection" placeholder="Preselection" autocomplete="off" required>
              <input class="form-control" id="telephone" placeholder="Telephone number" type="tel" maxlength="11" name="telephone" autocomplete="off" required>
              <span class="placeholder" id="tele-holder"></span>
              <div class="input-group-append" id="preselectionToggle">
              <div class="input-group-text">
                 <i class="far fa-plus-square"></i>
              </div>
            </div>
          </div>
       </div>
     </div>
  </div>
    
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js" integrity="sha384-SlE991lGASHoBfWbelyBPLsUlwY1GwNDJo3jSJO04KZ33K2bwfV9YBauFfnzvynJ" …
Run Code Online (Sandbox Code Playgroud)

html css position bootstrap-4

4
推荐指数
3
解决办法
7949
查看次数