JSF - css

Ola pesoal.

Estou usando o seguinte codigo css e jsf para que os textFields da aplicação tenham a aparencia de baixo relevo (bordas afundadas).

.textField {
border-style: inset;
border-width: 2px;
color: #000000;
font-size: 12px;
}
<h:inputText styleClass=“textField” />

Portanto este estilo não esta funcionando para os outros componentes jsf (ComboBox, CheckBox, RadioButtom etc). ex: (ex: <h:selectOneMenu styleClass=“textField” />)
Como faço para que todos os componentes tenha a mesma aparencia de Baixo Relevo?

Cara da uma olhada nesta página acho q resolve seu probelma http://www.devmedia.com.br/articles/viewcomp.asp?comp=4577

Espero ter ajudado