Aplicar CSS em DropDown

[ACLR 0]

Boa noite galera, blz?

 

Seguinte, to precisando aplicar o mesmo css dos campos de um formulário nos dropdown que este formulário tem mas não tá rolando, alguém pode me dar uma luz ai?

 

Seguem os codigos:

 

HTML:

<div id="login_detail">            <form action="orcamento-carro-ok.php" method="post">             <!-- Dados do Segurado -->               <p>                  <label>Nome do Segurado:</label><br />                  <input type="text" name="segurado" placeholder="Nome do Segurado:"  class="inpmouse" required />                  <br /><label>Data de Nascimento:</label><br />                  <input type="text" name="nascimento" placeholder="Data de Nascimento:"  class="inpmouse" required />                  <br /><label>Sexo:</label><br />                     <select name="sexo" class="font4" id="sexo">                        <option value="MASCULINO">Masculino</option>                        <option value="FEMININO">Feminino</option>                     </select><br/>

(Esse é o começo do form onde tem os campos e os dropdowns)

 

 

E aqui o CSS:

#login_detail form input.inpmouse {   /*float:left;*/   width:435px;   padding-top:13px;   padding-bottom:21px;   border:none;   background:none;   padding-left:60px;   margin-top:5px;   background-image:url(../images/bg-orc-car.png);   background-position:left -49px;}

Preciso q esse mesmo CSS q tá nos campos normais se apliquem aos DropDowns, já tentei de tudo e não achei solução então se algum puder me ajudar agradeço muito.

 

 

Ninguem?

[Henrique Barcelos 290]

#login_detail form input.inpmouse,

#login_detail form select {

/* ... */

}

[ACLR 0]

Bom dia Henrique, então, acabei conseguindo aqui, criei uma outra classe só para o dropdownlist porem como os selects não aceitam imagem e essa classe usa imagem ainda não sei como resolver esse último problema.

Depois de tanto procurar e tentar acabei achando a solução, é o seguinte:

 

É só vc criar uma div só em volta do select e 2 classes para essa div, ficaria assim:

 

HTML:

<br /><label>Sexo:</label><br />
   <div class="mainselection">
      <select name="sexo" class="dropdown" id="sexo">
         <option value="MASCULINO">Masculino</option>
         <option value="FEMININO">Feminino</option>
      </select></div><br/>

 

CSS:

.mainselection {
	overflow:hidden;
	background-image:url(../images/bg-orc-car.png) no-repeat;
}

select {
	border: 0;
	background:transparent;
	-webkit-appearance:none;
}

 

Com isso o seu dropdownlist já exibe a imagem de fundo corretamente e retira aquela "seta" do mesmo.