将自定义属性添加到选择小部件

Question

我有一个选择列表（假设是红色，蓝色和黄色）。这些选择中的每一个都有一种颜色（猜测:)。

是否可以设置每个选项框的颜色css属性，假设我使用'expandable'字段选项？如果强制要求，我可以修改字段主题（最佳解决方案会创建一个继承自选择小部件的新字段类型）。

Answer 1

假设您的选择列表代码是这样的......

$builder->add('Colors', 'choice', array(
  'choices'   => array(
       'red'=>'red',
       'blue'=>'blue',
       'yellow','yellow'
  ),
'required'  => true,'label'=>'colors:'
));

只需使用css即可轻松满足您的要求

<强> CSS

option[value="red"] {
    background-color: red;
}

option[value="blue"] {
    background-color: blue;
}

option[value="yellow"] {
    background-color: yellow;
}

希望你期待这个结果..