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?