为了账号安全,请及时绑定邮箱和手机立即绑定

有没有办法更改 Materializecss Select 中文本和箭头的颜色?

有没有办法更改 Materializecss Select 中文本和箭头的颜色?

宝慕林4294392 2023-10-17 17:24:13
只是想把文本和箭头变成白色:这是代码:<div class="input-field col s12 white-text">  <select class="white-text" id="selectSide">    <option value="All" selected>All</option>    <option value="Buy">Buy</option>    <option value="Sell">Sell</option>  </select>  <label class="white-text">Side</label></div>
查看完整描述

1 回答

?
冉冉说

TA贡献1877条经验 获得超1个赞

应用于输入、下拉菜单和图标的实际样式如下:

对于图标:

.select-wrapper .caret {

    fill: firebrick;
}

对于下拉内容:

.dropdown-content li span {  
    color: firebrick;   
}

对于所选项目颜色:

.dropdown-content li span {  
    color: firebrick;   
}

显然将耐火砖更改为您想要的颜色。旁注,Materializecss 隐藏了原始的 select 元素,并创建了一个带有内置下拉菜单的新元素 - 因此上面的样式(.dropdown-content 和 .select-wrapper)是动态生成的,因此如果您正在寻找样式,则有点难以设置样式按原始标记。

工作演示在这里


查看完整回答
反对 回复 2023-10-17
  • 1 回答
  • 0 关注
  • 75 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信