【问题标题】:Why is the label color not turning green when the radio is checked?为什么检查收音机时标签颜色不变成绿色?
【发布时间】:2022-01-10 17:22:48
【问题描述】:

我在检查无线电输入时更改标签颜色时遇到了一些问题。

当我使用这个时:

input:checked + label {
color: green}

然后正常运行,但在这个小项目上不行。

有人可以向我解释为什么它不起作用。我认为这与 SASS 的使用有关。当我使用纯 CSS 时,它总是有效。

Github 仓库:https://github.com/Nova988/Tip-calculator-App

Netlify 网站:https://priceless-hodgkin-c38abb.netlify.app/

【问题讨论】:

    标签: html css forms input label


    【解决方案1】:

    看看 HTML。

    标签位于输入单选按钮之前 - 您也可以通过查看页面看到 - 圆圈(单选按钮)位于 % 标签之后。

    您的 CSS 依赖于输入之后的标签。

    【讨论】:

    • 爱你。我很愚蠢,但我不会再犯同样的错误哈哈。
    • 只是好奇:有没有办法通过更改 css 而不是 html 来使其工作?
    • 我想不到。有时可以为背景颜色设置在另一个元素之前的元素的样式 - 通过将伪元素添加到“另一个”,但我们不允许将伪元素附加到输入,这样就不会在这里工作。
    猜你喜欢
    • 2021-11-22
    • 1970-01-01
    • 2010-12-07
    • 2011-11-21
    • 1970-01-01
    • 2019-05-24
    • 2017-05-28
    • 1970-01-01
    • 2011-11-23
    相关资源
    最近更新 更多