jquery - 如何使用选择删除自定义样式
问题描述
我对选择样式有疑问。我使用引导程序。我想从所选选项中删除样式
如何去除这个灰色背景?我想要它是蓝色的。
这是我的html代码
<select multiple id="select" name="price" class="form-control currency-selector">
<option value="$10000-$15000">$10 000 - $15 000</option>
<option value="$15 000 - $30 000">$15 000 - $30 000</option>
<option value="$30 000 - $50 000">$30 000 - $50 000</option>
<option value="$50 000+">$50 000+</option>
</select>
.currency-selector {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border: $input-border-width solid $input-border-color;
border-radius: 0.5rem;
color: $logan;
font-size: 0.8125rem;
overflow-y: auto;
padding-left: 1.5rem;
position: absolute;
top: -2.625rem;
option {
padding: 10px 0;
}
}
解决方案
您可以使用以下 CSS :
select#select option{
background: blue;}
并更改您可以在 CSS 下面使用的选项的悬停颜色:
select#select option:hover {
box-shadow: 0 0 10px 100px blue inset;}
推荐阅读
- python - 从python中的.pcap文件解析接口细节
- python - 在 Heroku 上安装 Buildpack 后的 Python ImportError
- go - sqlx即使存在也返回空结构
- ruby-on-rails - 对 TNT API 的标签请求返回错误 9200
- ruby-on-rails - 升级到 rails 5.2 后如何获取 rails master.key
- javascript - 我该如何修复引导轮播?
- node.js - 如何强制.d.ts模块加载
- vue.js - Vuex 的底层会发生什么?某些修改会破坏核心功能吗?
- python - 如何关闭已经显示的图像并显示另一个?
- google-app-engine - 如何在循环中为顺序异步 Objectify save() 操作实现屏障