Html 悬停更改边框的颜色不均匀

我已经通过将鼠标悬停在跨度上改变了颜色，但由于某种原因，其中一个边框有一个单独的部分改变为错误的颜色

。功能文章。图标：之后{
-moz变换：旋转（45度）；
-webkit变换：旋转（45度）；
-ms变换：旋转（45度）；
变换：旋转（45度）；
边界半径：0.25雷姆；
边框：实心2pRGBA（2102152170.75）；
内容：''；
显示：块；
高度：7公分；
左：50%；
保证金：-3.5em 0-3.5em；
位置：绝对位置；
最高：50%；
宽度：7em；
}
.features文章。图标：悬停：之后{
过渡：放松；
边框颜色：继承；
}

消防救援
选择“消防救济”慈善机构购买的物品将向“选择”消防救济慈善基金提供资金。捐赠给消防救援基金的资金可以设立一个“救灾基金”，为受伤的消防员家属提供支持
受火灾影响的社区中有人死亡。

癌症支持
选择“癌症支持”慈善机构进行的购买将为“选择”癌症支持基金提供资金。基金资金用于研究人员工资、消耗品和仪器。由于以下原因，成果已逐步改善：
通过慈善机构提供的资金——更多的人在诊断后存活

艾滋病研究
与选定的“艾滋病研究”慈善机构购买的物品将为选定的艾滋病研究基金提供资金。艾滋病服务和活动的资金分布在多个联邦部门，包括卫生和公共服务部（HHS）、住房和卫生部
城市发展部（HUD）、司法部、退伍军人事务部（VA）和国防部

水援助
选择“水援助”慈善机构购买的物品将为“选择”水援助基金提供资金。这笔资金旨在帮助发展中国家和饱受战祸的国家的人们用安全的水、体面的厕所和良好的卫生条件改变他们的生活
地区

试试

边框底色：#f9666a


。功能文章。图标：之后{
-moz变换：旋转（45度）；
-webkit变换：旋转（45度）；
-ms变换：旋转（45度）；
变换：旋转（45度）；
边界半径：0.25雷姆；
边框：实心2pRGBA（2102152170.75）；
内容：''；
显示：块；
高度：7公分；
左：50%；
保证金：-3.5em 0-3.5em；
位置：绝对位置；
最高：50%；
宽度：7em；
}
.features文章。图标：悬停：之后{
过渡：放松；
边框颜色：#39befc；
边框底色：#f9666a；
}

消防救援
选择“消防救济”慈善机构购买的物品将向“选择”消防救济慈善基金提供资金。捐赠给消防救援基金的资金可以设立一个“救灾基金”，为受伤的消防员家属提供支持
受火灾影响的社区中有人死亡。

癌症支持
选择“癌症支持”慈善机构进行的购买将为“选择”癌症支持基金提供资金。基金资金用于研究人员工资、消耗品和仪器。由于以下原因，成果已逐步改善：
通过慈善机构提供的资金——更多的人在诊断后存活

艾滋病研究
与选定的“艾滋病研究”慈善机构购买的物品将为选定的艾滋病研究基金提供资金。艾滋病服务和活动的资金分布在多个联邦部门，包括卫生和公共服务部（HHS）、住房和卫生部
城市发展部（HUD）、司法部、退伍军人事务部（VA）和国防部

水援助
选择“水援助”慈善机构购买的物品将为“选择”水援助基金提供资金。这笔资金旨在帮助发展中国家和饱受战祸的国家的人们用安全的水、体面的厕所和良好的卫生条件改变他们的生活
地区

等待。是否希望1个边框的颜色不同？
如果是，则使用边框底部、边框右侧、边框左侧或边框顶部颜色：rgba（颜色）；
或者使用边框颜色：rgba（），rgba（），rgba（），rgba（）；每个rgba（）都是从顶部开始的边。
在这个代码段中这很正常。您应该只添加相关的最小代码。不管怎样，看起来是这样works@Omri：虽然编辑基本上是好的，但请记住，在堆栈溢出上，英语UK拼写被认为与英语US拼写一样正确。在本例中，OP似乎使用了英国英语拼写，因此我将其编辑回他的偏好。我添加了一个issuechirs示例，如果这个答案解决了您的问题，我试过了，它确实改变了错误的颜色，但我后来发现很可能是选错了继承颜色。你想这样吗@Chris de Wet？我更新了答案。如果没有，请附上第一个提示颜色和悬停颜色。我现在将添加@RubixOverflow。使用固定颜色而不是固有颜色的问题是，我有多个颜色需要不同的颜色，但由于某种原因，这个颜色不起作用。边框颜色中没有
固有的