You could check any CSS related conflicts using fireBug. Update us about styles which break your layout if you will still think that we shoud reveal this on our side using some additional default CSS properties.
Thanks for the tip. It turns out that the issue was a global CSS rule I had for input[type=text] cases where I defined the width to be 15em (among other things). Because the button on rich:comboBox is built with 2 readonly text boxes, they covered up the input text box tied to rich:comboBox. To resolve this, I couldn't think of a better approach than to get rid of the width component of that rule and create a class for all my form fields with the original rule and apply it.
Is there a less invasive way to resolve this? I admit I am not the biggest CSS expert.
The button is now the right size, but I can't seem to get the text box to have the same size and font size as the others on my form. I have tried styling using the inputStyle attribute on rich:comboBox.
When it comes to box size, the box gets bigger which is good, but the button doesn't "go with it." It stays in the same position as it was when the box was its original size.
When it comes to the font, nothing I do is having an effect, and I have tried using inputStyle, overriding rich-combobox-input, and other things.
Any insight is appreciated.