Нужен совет по стилю радиополя в extjs 7

Question

Мне интересно, как стилизовать "круги" в переключателе, чтобы они были более заметны для меня. Я хочу, чтобы границы у них были определенной толщины и цвета. Вот что у меня есть:

{
            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 */}
                ]
    }

Я пробовал почти все.
проблема стиля радиополя

Answer 1

Я думаю, вы никогда не добьетесь успеха в выборе элемента для вашего стиля CSS. Есть свойство labelCls для выбора родительского элемента метки, но нет свойства fieldCls для выбора родительского элемента поля. Вы должны использовать "cls", чтобы добавить свое собственное имя класса. См. https://docs.sencha.com/extjs/7.0.0/modern/Ext.field.RadioGroup.html

У меня есть собственный редактор, который покажет вам, как достичь вашей цели. Я думаю, твои навыки нужно улучшать. Я приведу вам этот пример, попробуйте подумать своей логикой. "Когда вы можете дать свои собственные классы своему элементу, вы можете делать все, чтобы стилизовать их, используя собственный CSS".

Как разместить собственный класс

на картинке выше, label:'thisIsLabel' будет родительским классом радиогруппы.

Вот дочерние элементы класса thisIsRadio, которые нужно выбрать.x-checkboxfield .x-icon-el классы - это образцы классов элемента, который является потомком thisIsRadioкласс. Просто стилизуйте их, как хотите, например, я меняю цвет радио на красный, используя инструменты разработчика (инспектор элементов). Как написать эти стили, выбрав родительский и дочерний элементы в файле css? попробуйте узнать больше о селекторе в css. https://www.w3schools.com/cssref/css_selectors.asp