我有一个图标，它的默认颜色是白色，周围带有蓝色背景。如果用户未选择背景色，则默认的背景色保持不变。但是，如果用户确实为例如：（以下选项为：粉红色，灰色，橙色）选择新的背景色，则默认背景色应替换为用户选择的新颜色。
用户将通过具有“ iconBackground”框的内容管理系统进行背景颜色选择，用户可以在其中选择所需的颜色。例如，在内容管理系统中，用户将在myIcon字段中选择图标，而用户将在iconBackground字段中选择背景颜色。我已经为他们提供了颜色选项，只需选择它们即可。
我的问题是，当用户选择背景颜色时，如何覆盖默认的背景颜色（蓝色）？这是具有剃须刀和CSS的代码：https://jsfiddle.net/cliffeee/bjhvpf7q/11/。我尝试过的是，首先确认myIcon和iconBackground字段不为空。如果它们不为空，则输出其值。例如，使用小提琴，代码将输出：@myIcon的房屋图标和@iconBackground的橙色图标。但是，我不确定如何用具有新背景色的@iconBackground值覆盖默认背景色。
答案 0 :(得分：0)
如果我理解这个问题，就可以解决问题：
<i title="Icon" class="smallicon" style="background-color:@iconbackground"></i>
答案 1 :(得分：0)
我建议编写代码，以便在用户选择新的背景色时将图标背景样式设置为该颜色。
<i style="background:@iconbackground" title="Icon" class="tinyicon @icon"></i>
CSS具有一个层次结构，用于确定首先要听的样式元素。 1.风格 2. ID 3.班级 4.元素
https://www.w3docs.com/snippets/css/how-to-override-css-styles.html#3-internal-priorities