+ Start a Discussion

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}" />

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?

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.