How to style a comboBox

Hello everybody

I have my own stylesheet in my vaadin project.
I created a comboBox, but it looks like a textfield! → Image is attached.
It’s also editable like a textfield.
I want that it looks like a dropdown not like a textfield.

the behavior your have?
…and is
the one you want?
In that case you might want to switch to another component.
Styling using css can primarily change how the component looks and not how it behaves.

just have a look at the pic i have attached.
I want to change the look not the behavior.

That’s weird because normally when you decrease the size of a combobox the textfield shrinks and the arrow-button stays the same.
Are you sure you added a Combobox and not a TextField?
Does a Box open when you press the down-arrow on your keyboard when you are inside the TextField of the Combobox?
If it is really a Combobox you might have a style attached to your cb which causes this to happen. You should have a look at the css using firebug or another browser developer tool.

I think you have not compiled or not refreshed your widgetset/theme or your css is corrupted.

I’m sure it’s a Combobox!
The Box opens after i press the down-arrow, but it looks horrible.
It’s weird, if i remove the @Theme annotation the website looks very strange. I attached the pic.

How do i refresh the widgetset/theme?

When developing in Eclipse refresh your project (F5 or right click → Refresh) and compile widgetset with Compile button (
16.2.2. Compiling the Widget Set
I have also ant tasks for generating and compiling widgetsets and styles:[code]

	<!-- cleanup -->
	<delete dir="${}/widgetset_${}${uuid}"/>
	<delete dir="${widgetset.dir}/../gwt-unitCache"/>
	<delete dir="${widgetset.dir}/WEB-INF"/>

<target name="generate-widgetset" depends="retrieve-for-widgetset,compile">
	<java classname="com.vaadin.server.widgetsetutils.WidgetSetBuilder" failonerror="yes" fork="yes" maxmemory="256m">
		<arg value="${}"/>
		<jvmarg value="-Xss1024k"/>
		<jvmarg value="-Djava.awt.headless=true"/>
			<fileset dir="${lib.dir}" includes="**/*"/>
			<pathelement path="build/classes"/>

<target name="compile-styles">
	<foreach inheritall="true" target="compile-style" param="theme.dir">
		<path id="themes">
			<dirset dir="${themes.dir}" includes="*/**"/>

<target name="compile-style" >
	<echo>Compiling ${theme.dir}</echo>
	<java classname="com.vaadin.sass.SassCompiler" failonerror="yes" fork="yes" maxmemory="256m">
		<arg value="${theme.dir}/styles.scss"/>
		<arg value="${theme.dir}/styles.css"/>
		<jvmarg value="-Xss1024k"/>
		<jvmarg value="-Djava.awt.headless=true"/>
			<fileset dir="${lib.dir}" includes="**/*"/>
			<pathelement path="build/classes"/>