如何删除 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)
图片:

我尝试了这些解决方案:
但不起作用。
您能帮我解决这个问题吗?我有一个input-group内引导4。在我中,input-group我有2个输入,第一个输入带有前置,第二个带有附加。
它包装在a col-12 div中form-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)