function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
FilikinFilikin 

Lightning radio buttons too subtle

Hi,
using the ui:inputRadio control, I find the difference between selected and not selected far too subtle - all that changes is the colour of the font from a light shade of blue to a darker shade.
Is there a way of changing this?
The one proviso is that I need to use ui:inputRadio - switching to a different control is not an option.
My code so far is:
<fieldset class="slds-form-element">
          <div class="slds-form-element__control">
              <div class="slds-radio_button-group">
                <aura:iteration items="{!v.statuses}" var="statusValue">
                      <span class="slds-button slds-radio_button">
                        <ui:inputRadio change="{!c.onStatusRadio}" aura:id="status" name="radio" label="{!statusValue}" labelClass="slds-radio_button__label slds-radio_faux"/>
                      </span>
                </aura:iteration>
            </div>
        </div>
    </fieldset>

 
Best Answer chosen by Filikin
Pramodh KumarPramodh Kumar
you can try lightning:input tag but it is in beta stage

for Example
<lightning:input type="radio" label="Blue" name="blue" value="blue" />

Thanks
Pramodh

All Answers

Pramodh KumarPramodh Kumar
you can try lightning:input tag but it is in beta stage

for Example
<lightning:input type="radio" label="Blue" name="blue" value="blue" />

Thanks
Pramodh
This was selected as the best answer
FilikinFilikin
thanks Pramodh, I will try that next time.
This time I gave up and used input type="radio"
                <aura:iteration items="{!v.statuses}" var="statusValue">
                      <span class="slds-button slds-radio_button">
                         <input name="{!v.itemCheck.Time_to_display_on_phone__c + v.itemCheck.Area_Item__r.Name}" id="{!v.itemCheck.Id + statusValue}" type="radio" onchange="{!c.onStatusRadio}" data-optname="{!statusValue}"/>
                        <label class="slds-radio_button__label" for="{!v.itemCheck.Id + statusValue}">
                          <span class="slds-radio_faux">{!statusValue}</span>
                        </label>
                       </span>
                </aura:iteration>