Question

我以Moodle 3.0的形式创建了一个选择器（在Moodle中使用formlib.php）。我想改变每个选择器的颜色。例如，我创建了一个选择器，如下所示：

$mform->addElement('header', 'ChartOptions', get_string('ChartOptions','report_chartreport'));

$select1 = $mform->addElement('select', 'TypeofChart', get_string('SelectTypeofChart','report_chartreport'), ['column','Line']);

$mform->setDefault('TypeofChart', 'column');        //Default value

...我想设置＆＃39;列＆＃39;选项为蓝色并设置＆＃39;线＆＃39;选项为红色。这可能吗？

我使用Google进行了搜索，但没有看到任何有用的信息。

Answer 1

这与moodle无关，它只是html和css

你可以通过

来做到这一点

select option {
margin:40px;
background: rgba(0,0,0,0.3);
color:#fff;
text-shadow:0 1px 0 rgba(0,0,0,0.4);
}

select option[val="line"]{
background: rgba(100,100,100,0.3);
}

select option[val="column"]{
background: rgba(200,200,200,0.3);
}

How to change select box option background color?

您可以在属性中添加一些基本样式，即在带有元素的样式属性中打印。

或者您可以为此选择选项指定一个css类，然后使用快速表单创建一个html元素并在其中编写样式表。

$mform->addElement('html', '<style>.cl{<>}.hr{<>}</style>');

这样才能起作用。

Answer 2

我找到了。我们应该在Moodle文件夹中创建一个'styles.css'文件。然后在这个文件中我们应该写这样的CSS代码：

#page-report-chartreport-Draw_chart #id_TypeofChart option[value='0'] {
  color: black;
  background-color: blue;
}

#page-report-chartreport-Draw_chart #id_TypeofChart option[value='1'] {
  color: black;
  background-color: red;
}

我在Moodle的“moodle \ report”中创建'chartreport'文件夹，'Draw_chart'是我的页面，这个选择器就在那里。

*注意：您必须清除Moodle中的所有缓存以查看主题中的更改。

https://moodle.org/mod/forum/discuss.php?d=325395#p1307734

使用CSS以Moodle形式为选择器着色

2 个答案: