【问题标题】:Get the correct background color获取正确的背景颜色
【发布时间】:2021-11-20 09:54:05
【问题描述】:

我必须创建和设计这样的下拉列表

我的代码:

<select name="member_area" id="member-box" style="
    background-color: #FCFCFC !important;
    opacity: 1;
    font-size: 11px !important;
    font-weight: 300;
    background: url('https://cdn3.iconfinder.com/data/icons/trico-arrows-1/24/ExpandUpDownSmall-512.png') no-repeat right #ddd;
    background-position: 98%;
    padding: 2px 20px 2px 8px;
    background-size: 14px;
    -webkit-appearance: none;
    outline: none !important;
    -webkit-border-radius: 4px;
    border: 1px  solid #cccccc;
    box-shadow: rgb(0 0 0 / 12%) 0px -10px 36px -28px inset;
    text-shadow: 1.1px 1px rgb(0 0 0 / 20%);
    margin-right: 2px;
    margin-left: 4px;
    position: relative;
    top: 2px;
">
      <option value="Members">Members</option>
      <option value="Member_1">Member 1</option>
      <option value="Member_2">Member 2</option>
      <option value="Member_3">Member 3</option>
   </select>

结果为@​​987654322@

我没有得到正确的背景颜色。 我应该怎么做才能获得正确的背景颜色?

【问题讨论】:

  • 你得到了正确的背景颜色。
  • @Ismailp 抱歉回复晚了。是的,经过反省。我必须处理 box-shadow 和 text-shadow。背景颜色很好。

标签: css background-color


【解决方案1】:

您的 Hexa 代码 #FCFCFC 提供 白色,因此您的选择标签具有 白色背景

您还想选择什么颜色?编写它的十六进制代码,它工作得很好......

【讨论】:

  • @Harpreet Singh Kapula 这行得通吗?
  • @Eatsum ul haq 抱歉回复晚了。经过更仔细的反省。背景颜色很好。我必须处理 box-shadow 和 text-shadow。谢谢你的建议。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-02-15
  • 2013-01-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-03-31
相关资源
最近更新 更多