下拉列表的CSS文本显示更轻

Question

我需要将下拉列表的文本显示为较浅..下面是我的代码：

   <div>
                @Html.DropDownList("ChangeStatus", Model.GetAllStatus().OrderBy(l => l.Text), "-- Change --")
                <button class="btn primary-bg" style="margin-right: 30px;" title="Status Change" onclick="ChangeMultiStatus(); return false;">Multi-Status</button>
        </div>

以下是我所拥有的和我所期望的。

Answer 1

尝试通过在样式标记中添加opacity: 0.6;来添加一些不透明度。

<div>
  @Html.DropDownList("ChangeStatus", Model.GetAllStatus().OrderBy(l => l.Text), "-- Change --")
  <button class="btn primary-bg" style="margin-right: 30px; opacity: 0.6;" title="Status Change" onclick="ChangeMultiStatus(); return false;">Multi-Status</button>
</div>

根据需要更改不透明度值。

Answer 2

您可以将颜色（首选）或不透明度css赋予特定的下拉元素。