function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
HCrousePDXHCrousePDX 

Borders around each select option

I have this code on my visualforce page:

<apex:outputPanel rendered="{!item.qns.ResponseFormat__c='P'}" >
                        <apex:selectRadio value="{!item.isSelected}" layout="pageDirection" border="0" borderVisible="false">
                            <apex:selectOptions value="{!item.prList}" />
                        </apex:selectRadio>
</apex:outputPanel>

When it is rendering in Visualforce it is placing a border around each radio button:

 User-added image

Has anyone see this and been able to fix it?

RitikaBhrgvRitikaBhrgv
There's no code in the snippet shared which could hint why the border is coming over the selectoptions. I will suggest to check for the following:

1. Check if there's some generic styling given for "table tr td" to have a border. In this case, remove the generic styling and apply it only for the parts where the styling is required.
2. Do Inspect Element to check for the parent elements from where the selectoptions can inherit the styling.

Also, if nothing works, share the page code. Will have a look at it.