繁体   English   中英

Bootstrap 5 单选按钮更改 NET Core 中的背景颜色

Bootstrap 5 Radio Button change Background Color in NET Core

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

自从迁移到 Bootstrap 5 后,我不再能够通过 CSS 修改来更改背景颜色。

任何人有任何想法来解决这个问题?

Razor 代码示例:

<div class="mb-3" style="margin-top: 1.5em">
<div class="d-flex flex-row">
    <div>
        Conditional Logic:
    </div>
    <div class="custom-control custom-radio form-check form-check-inline ms-2">
        <input checked class="custom-control-input form-check-input" type="radio" name="RadioBtn1" id="customRadio1" value="OR">
        <label class="custom-control-label form-check-label" for="customRadio1">OR</label>
    </div>
    <div class="custom-control custom-radio form-check form-check-inline">
        <input class="custom-control-input form-check-input" type="radio" name="RadioBtn2" id="customRadio2" value="AND">
        <label class="custom-control-label form-check-label" for="customRadio2">AND</label>
    </div>
</div>

CSS 不再工作:

/* Custom Radio Button color before checked */
.custom-control-label::before {
    background-color: #6C757D;
}

我想要的结果是将白色背景更改为更接近主题的背景颜色:

在此处输入图像描述

1 个回复

看起来 CSS 有点错误,下面这似乎工作正常:

.custom-control-input {
    background-color: #6C757D;
}

更新的 Razor/HMTL:

<div class="mb-3" style="margin-top: 1.5em">
<div class="d-flex flex-row">
    <div>
        Conditional Logic:
    </div>
    <div class="form-check form-check-inline ms-2">
        <input checked class="custom-control-input form-check-input" type="radio" name="RadioBtn1" id="customRadio1" value="OR">
        <label class="form-check-label" for="customRadio1">OR</label>
    </div>
    <div class="form-check form-check-inline">
        <input class="custom-control-input form-check-input" type="radio" name="RadioBtn1" id="customRadio2" value="AND">
        <label class="form-check-label" for="customRadio1">AND</label>
    </div>
</div>

在此处输入图像描述

1 如何更改 react-bootstrap 中活动单选按钮的背景颜色?

在一个 React 项目中,我有单选按钮来列出日历日期和日期。 我的意图是更改这些单选按钮的背景颜色并保留它。 单击屏幕时它不应消失。 以下是供参考的代码: 以下是样式参考: 为了改变上述单选按钮的背景颜色可以做些什么? 请参考下面的 Codesandbox 链接。 Codesandbox 链接 ...

3 使用单选按钮更改背景颜色

我正在为我的一个问题创建一个使用单选按钮的表单。 我希望单选按钮更改背景颜色(每个按钮都有不同的值) 例如。 按钮 1 变为红色,而 2. 将其变为蓝色。 JavaScript HTML 我是新手,所以欢迎任何帮助。 谢谢。 ...

4 更改单选按钮的“ CIRCLE”背景的颜色

这个问题已经在这里有了答案: 更改JRadioButtonMenuItem的选定点颜色 4个答案 如果您不介意的话,我想问一件事。 JRadioButton类下是否有一个方法可以更改单选按钮中打勾的“圆圈”的背景颜色,而不是单选按钮本身的背景颜色。 我希望它是纯 ...

5 选中时如何更改单选按钮中的背景颜色?

当有人选择它时,我试图更改单选按钮的背景。 我读了很多其他的书,并试图用我的代码做类似的事情,但没有成功。 这是我的 HTML 和 CSS 代码。 我需要使用 javascript 来实现这一点吗? https://codepen.io/levskyy/pen/xxZWVqg #frm_rad ...

7 透明背景活动中的单选按钮颜色更改

我创建了一个透明的后台活动,并使用了这段代码 它的工作正常,但我的问题是我在此活动中具有单选按钮,它的颜色是coloraccent但coloraccent却是倒置的(颜色从粉红色(coloraccent)变为绿色),有人可以告诉我如何解决吗? 先进的tnx ...

2018-07-07 10:22:12 0 32   android
8 根据 php 中单选按钮的值更改背景颜色

您被任命为交通意识指导员,并要求您编写一个模拟交通信号灯的程序。 作为一名 php 程序员,您想创建一个表单,其中包含三个名为 txtColor 的单选按钮和一个名为 btnMonitor 的命令按钮,用户可以选择交通灯的颜色并在单击命令按钮后获得响应。 单选按钮的选中值分别为红色、绿色和琥珀色,三 ...

9 单选按钮更改 Java 中的背景颜色

伙计们,我只是想创建 3 个单选按钮来改变我在 JavaFX 中的背景颜色。 我被卡住了,我在 updateBackGround() 方法中遇到了这个错误“找不到符号”,特别是“pane1.setBackground(new ....”) Java 找不到“pane1”符号。 请帮我。 太感谢了。 ...

10 Bootstrap4单选按钮背景和填充颜色

我想知道如何更改Bootstraps单选按钮背景颜色和填充颜色? &lt;div class="form-check"&gt; &lt;input class="form-check-input" type="radio" name="radio" id="radio1" value="o ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM