0

我想知道如何在单选按钮中设置“圆圈”的样式，以便我更容易看到它们。我希望它们的边框具有一定的厚度和颜色。这是我所拥有的：

{
            xtype: "radiogroup",
            fieldLabel: "Eligibility Verification",
            labelCls: 'labelstyle',
           // fieldCls: 'qrgtextfieldstyle',
            fieldStyle: {
                border: '1px solid black'
            },
            labelWidth: 250,
            width: 450,
            vertical: false,
            fieldCls: 'blahblah',
            defaults: {xtype: "radiofield",name: "eligverif"},
            items: [
                { boxLabel: 'Manual',  bind: {
                    value: '{qrg.eligVerifManual}'
                }},
                { boxLabel: 'Electronic', bind: {
                    value: '{qrg.eligVerifElectronic}'
                }/*, checked: true */}
                ]
    }

我几乎什么都试过了。
无线电场样式问题

无线电场造型问题

4

1 回答 1

0

我认为您永远不会成功地将要选择的元素拍摄为您的 CSS 样式。有“labelCls”属性来选择标签的父元素，但没有“fieldCls”属性来选择字段的父元素。您必须使用“cls”来添加您的自定义类名。请参阅https://docs.sencha.com/extjs/7.0.0/modern/Ext.field.RadioGroup.html#cfg-cls

我有自己的小提琴般的编辑器，向您展示如何实现您的目标。我认为你的技能需要提高。我会给你这个例子，试着用你自己的逻辑思考。“当您可以为元素提供自定义类时，您可以使用自定义 CSS 为它们设置样式”。

如何放置自定义类

在上图中，label:'thisIsLabel'将是 radiogroup 的父类。

这里是“thisIsRadio”类的子类，要选择 .x-checkboxfield .x-icon-el的类是类的子元素的样本thisIsRadio类。只需根据需要设置它们的样式，例如，我通过使用开发人员工具（元素检查器）将收音机的颜色更改为红色。如何通过在 css 文件中选择父项和子项来编写这些样式？尝试更多地了解 CSS 中的选择器。 https://www.w3schools.com/cssref/css_selectors.asp

于 2019-12-28T16:39:51.620 回答