css - 如何在引导程序 4 中删除选择选项背景?
问题描述
这是我的导航栏图像。我想删除选择选项的背景和边框。并在两个选择选项和搜索栏之间放置一些空格。我怎样才能做到这一点?或者,您可以建议如何在导航栏中水平对齐项目?
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="test.php"><i class="fa fa-home">Home</i><span class="sr-only">(current)</span></a>
</li>
<form class="form-inline" action="./test.php?id=1" method="POST">
<li class="nav-item">
<div class="form-group">
<select class="custom-select custom-select-lg mb-3" name="objectType">
<option selected>Object Type</option>
<option value="Toy">Toy</option>
<option value="Furniture">Furniture</option>
<option value="Gift">Gift</option>
<option value="Household">Household</option>
<option value="Instrument">Instrument</option>
</select>
</div>
</li>
<li class="nav-item">
<div class="form-group">
<select class="custom-select custom-select-lg mb-3" name="materialType">
<option selected>Material Type</option>
<option value="Mud">Mud</option>
<option value="Cloth">Cloth</option>
<option value="Thread">Thread</option>
<option value="Jute">Jute</option>
<option value="Cotton">Cotton</option>
<option value="Can">Can</option>
<option value="Bamboo">Bamboo</option>
</select>
</div>
</li>
<li class="nav-item">
<div class="form-group">
<div class="input-group">
<input class="form-control" type="search" placeholder="Search" name="imageName">
<span class="input-group-btn">
<button class="btn btn-outline-secondary" type="submit" id="searchSubmit"><i class="fa fa-search"></i>
</button>
</span>
</div>
</div>
</li>
</form>
对于完整的导航栏newnavbar.php
解决方案
对于边框、边距和背景:
.custom-select {
border: none;
margin-right: 10px;
background-color: transparent;
}
推荐阅读
- python - 尝试将 cuda 与 pytorch 一起使用时出现运行时错误 999
- typescript - TypeScript:类型别名与基于字符串的枚举
- mongodb - MongoDb驱动C#过滤器编辑
- powershell - Powershell GUI 组合框
- html - 按它的 DISTINCT 计数表
- java - 在第 11 行中,我如何做到这样我就不需要使用这么多的空格
- mysql - 加入查询和表并出错?
- sql - 所有 DTM 值的每小时 SQL 计数
- api - 勇敢的浏览器支持 Google API HTTP Referrer 选项
- multidimensional-array - 试图强制数组中的条目成为数组