繁体   English   中英

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

Bootstrap 5 Radio Button change Background Color in NET Core

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

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

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

剃刀代码示例:

<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;
}

更新的剃刀/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 选中时如何更改单选按钮中的背景颜色?

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

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