ListBox css styling

2,160 views
Skip to first unread message

byhisdeeds

unread,
Aug 7, 2008, 10:47:14 AM8/7/08
to Google Web Toolkit
I am trying to set the font size of the dropdown portion of a ListBox
but can't find the css identifer to use .get-ListBox dosen't control
the dropdown portion of the component. I'm using Firefox 3.0

John

walden

unread,
Aug 7, 2008, 11:37:19 AM8/7/08
to Google Web Toolkit
.gwt-ListBox option {font-size: larger; } might do the trick

byhisdeeds

unread,
Aug 7, 2008, 12:34:39 PM8/7/08
to Google Web Toolkit
No. The .gwt-ListBox{ ... } entries only seem to affect the visible
portion of the listbox. The style for the popup list which appears if
you select to show only one (Combobox) listbox item is not affected by
the .gwt-ListBox {} or .gwt-ListBox div {}.

John

walden

unread,
Aug 7, 2008, 1:36:35 PM8/7/08
to Google Web Toolkit
John,

The "visible portion of the listbox" is the <select> element, and the
part you are interested in styling is made up of <option> elements, so
if you will read my post above more carefully, I think you'll find
that .gwt-ListBox option { font-size: 22px } should do what you want.

Walden
> > > John- Hide quoted text -
>
> - Show quoted text -

byhisdeeds

unread,
Aug 13, 2008, 10:16:11 PM8/13/08
to Google Web Toolkit
SSSSSSSSSSoooooooooooooooorrrrrrrrrrrrrrrrrryyyyyyyyyyyyyyyyy. I owe
you one!.

John

On Aug 7, 12:36 pm, walden <wmath...@aladdincapital.com> wrote:
> John,
>
> The "visible portion of the listbox" is the <select> element, and the
> part you are interested in styling is made up of <option> elements, so
> if you will read my post above more carefully, I think you'll find
> that .gwt-ListBox option { font-size: 22px } should do what you want.
>
> Walden
>
> On Aug 7, 12:34 pm,byhisdeeds<byhisde...@gmail.com> wrote:
>
> > No. The .gwt-ListBox{ ... } entries only seem to affect the visible
> > portion of the listbox. The style for the popup list which appears if
> > you select to show only one (Combobox) listbox item is not affected by
> > the .gwt-ListBox {} or .gwt-ListBox div {}.
>
> > John
>
> > On Aug 7, 10:37 am, walden <wmath...@aladdincapital.com> wrote:
>
> > > .gwt-ListBox option {font-size: larger; } might do the trick
>

walden

unread,
Aug 14, 2008, 10:19:34 AM8/14/08
to Google Web Toolkit
np
> > > - Show quoted text -- Hide quoted text -
Reply all
Reply to author
Forward
0 new messages