O controle select não é fácil de gerenciar com CSS!
Isso pode ser conseguido escrevendo width:??px no estilo.
height:??px; Isso não pode ser alcançado. A altura só pode ser alterada ajustando o tamanho da fonte interna.
O plano de fundo pode ser obtido, mas o uso de uma imagem de plano de fundo não é possível.
A borda do select é azul por padrão e não pode ser alterada usando o atributo border do CSS.
Ideia: Primeiro crie uma camada com a borda esperada, e coloque o select dentro. O tamanho do select é um pouco maior que o da div, para que o conteúdo além da camada fique oculto e a borda do select fique coberta.
<div style="border:solid 1px #ffcc00; largura:100px; altura:20px;overflow:hidden;">
<select name="select" style="width:105px; height:25px; margin-left:-1px; margin-top:-1px;" nome="select" >
<option value="1">Membro comum</option>
<option value="2">Nível 2 ou clube local</option>
<option value="3">Associação</option>
</selecionar>
</div>
Usando este método, você pode fazer a seleção sem borda ou alterar a borda, mas isso é limitado apenas ao estado de lista da seleção. Quando for exibido no estado múltiplo, haverá um traço da seleção. limite de profundidade de quadro no IE e no FF. Seu garotinho é tão difícil de controlar!