styling g:ui_reference

yundlu316
Kilo Guru

I have a reference field on my UI Page, but it's a bit too wide.   Is there a way to style jelly elements?   My HTML code looks something like this:

<table   class = "field">

        <tr>

                  <td>

                            <label> Name of family member $[SP]<i>(last, first, middle initial)</i></label>

                            <g:ui_reference name="family_member_1" id="family_member_1" table="hr_beneficiary" query="active=true" completer="AJAXTableCompleter" columns="employee; beneficiary_contact.relationship"/>

                  </td>

        </tr>

</table>

I would love to be able to use some CSS to style g:ui_reference, but haven't found a way to do it:

<style>

        ui_reference {

                  width: 70%;

                  border-color: blue;

        }

</style>

Thanks.