Ir para conteúdo
Lisbi

Select option usando Dropkick desconfigurado no IE

Recommended Posts

Boa noite Pessoal

 

Estou com um problema sério, baixei um plugim para estilizar o meu select option de opções de cidades do meu projeto,

até ai td bem! Mas quando fui testar no IExplorer ele duplicava os selects, mostrando o estilizado e o select basico do html (sem estilização).

resolvi o problema da seguinte forma usando esses códigos css.

.formulario select {
	position: inherit;
	display: none;
}

E funcionou igual nos navegadores, mas quando fui ver o site "(responsivo)" pelo celular  tive a surpresa de não aparecer o select de opções, então vi que o display influenciava diretamente nisso!

Dai vem o meu dilema, se eu mudar o display, funciona em todos os navegadores normalmente e tb no celular, embora no celular seja sem estar estilizado!

 

Como resolvo esse problema, gostaria que funcionasse corretamente em todos! Alguem ai pode esclarecer pra mim como resolvo esse problema?

 

Desde já eu agradeço pessoal.  

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Boa tarde pessoa! @Fabio Victor, foi de grande ajuda esse tutorial! Mas mesmo aplicando as regras e mudando ate o layout do site, o select option continuou sem aparacer! Sera que tem como eu mudar esse codigo css acima só para as telas de celulares!

Tipo :

.formulario select {
	position: inherit;
	display: block;
}

 

mas para ter essa leitura só quando for acessado pelos smart fones

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por hostbasico
      Segue o link para verificação de como é a imagem: https://magz.vallesites.com.br/
      Fiz a montagem dela por partes, mas acabou não dando certo, pois um link enta entrando dentro da outra imagem, ficando assim errado.
       
      Gostaria de saber a melhor forma, pois ao passar o mouse, preciso que a parte da imagem do respectivo serviço fique de outra cor.
      E ao clicar essa cor diferente fique fixa e a descrição abaixo dela mude, conforme eu clicar em uma dessas imagens.
       
      Desde já agradeço.
    • Por AbaClar
      function buscar(palabra)
      {
          var page = "php/pesquisa.php"; //página com código php para efectuar a busca
             $.ajax ({
              type: 'POST',
              dataType: 'html',
              url: page,
              data: {palabra: txbusca},
          });
      }
      $("#btbusca").click(function() { //botão de busca
          buscar ($("txbusca").val())   // texto de busca
              return false;
      });
       
      Este código juntamente com "pesquisa.php"  faz a busca numa tabela mysql, não sei se estará totalmente correcta pois fiz algumas alterações, mas cumpre com o estabelecido! (no action do form mostra que funciona) O ficheiro "pesquisa.php", pretende fazer busca em 3 tabelas (div psqCliente, div psqAgregado, div psqProcesso) e pretendo mostrar os resultados nos respectivos "tab's" (tabCliente, tabAgregado, tabProcesso)
      Será que posso obter ajuda, obrigado
    • Por Venaxmyth
      Boa tarde caros amigos, como estão?
      Estou bem, apenas com um probleminha em uma página minha.
      E sou iniciante em tudo.
       
      Vou compartilhar da formar mais clara aqui para vocês entenderem.
      Atualmente meu site tem apenas um botão flutuante na página como mostrar as setas na imagem abaixo:


       
       
      Só que estou tentando adicionar outro botão conforme mostrarei em imagem abaixo também.
      O efeito do outro botão em cor laranja, é quando passar o mouse ele abre umas informações.
      Ele só funciona se eu remover o css principal do site, acredito que teja algo em conflito com ele.
       
      Vou postar o site em anexo, realmente precisaria de uma ajuda.
      Ficaria grato quem conseguisse me desvendar esse problema.
       
      A imagem do segundo botão é como está aqui abaixo:
       

       
       
      Em anexo deixarei o código do meu site.
      https://www.mediafire.com/file/k66gp06p460ff3c/Tema_site.zip/file
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.