Publicidade

Lisbi

Select option usando Dropkick desconfigurado no IE

Patrocínio:

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.  

 

0

Compartilhar este post


Link para o post
Compartilhar em outros sites

Postado (editado)

Oi

 

Você podia tentar fazer o CSS para a resolução do celular primeiro e deixava responsivo para as outras resoluções como desktop, TV e Tablet   

 

 

Editado por Giovani
Imagens desnecessárias retiradas do post
1

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

0

Compartilhar este post


Link para o post
Compartilhar em outros sites
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  .formulario select {
      position: inherit;
      display: block;
  }
}

Dessa forma isso vai aparecer apenas em telas menores que 480px, acho que resolve seu problema.

1

Compartilhar este post


Link para o post
Compartilhar em outros sites

Valeu @Fabio Victor, exatamente isso cara! Ajustei a necessidade que eu precisava! Inclusive outros elementos tb.

Obg

0

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

  • Próximos Eventos

  • Conteúdo Similar

    • Por brunoventura
      Boa noite pessoal. Tenho um tema customizado de loja virtual da tray. Preciso diminuir a largura e altura do campo de busca e do botão da busca no topo. Alguém pode me auxiliar a como fazer isso no css?  (http://adegadocorpo.commercesuite.com.br) 
    • Por wash80
      No meu site estou utilizando o template Geek da Tray. Preciso esconder o preço do visitante até o momento que ele loga. Consegui fazer isso com ajustes nos codigos atráves do Opencode da propria plataforma.
      Utilizando
      <span class="tray-hide" data-logged-user="true"> tanto no arquivo Price.html (esconder o preço no produto)  e Default.html (pra esconder o botao de compra)
      Consegui omitir o preço do visitante não logado.
      Porem em produtos visitados recentemente não consigo achar pra poder utilizar essa função e o produto aparece com o valor mesmo o visitante não estando logado.
      alguem me ajuda ?
      site revendadamoda.commercesuite.com.br
       
      Obrigado.
       
      Washington Moratti
       
    • Por lvsis
      Olá.
       
      Gostaria de saber se existe algum seletor CSS que se refira a um elemento anterior ao desejado.
       
      <th class="campo01"></th> <td class="campo02"></td> <th class="campo01"></th> <td class="campo02"></td> Eu queria que na hora que passa-se o mouse em cima do <td> o <th> anterior a ele mudasse de cor. Eu consegui fazer isso com JavaScript mas gostaria de saber se existe algum jeito de fazer isso só com CSS.
       
    • Por FerrariR
      Boa noite, galera, tudo tranquilo?
      Pessoal, eu sou um aspirante a programação em PHP com alguns pequenos projetos já concluídos, e sempre me perco numa pergunta: como eu devo, em uma página que mescla PHP e HTMl, alternar entre essas duas linguagens? Eu sei que dentro do echo é possível imprimir tags html sem aspas, e até utilizo, mas também existe aquele formato echo<<<HTML, e também o formato que fechas o <?php a cada vez que precisa escrever algo em HTMl. Qual seria o melhor modo de fazer isso tanto a nível de performance do script quanto a legibilidade? Existe algum padrão adotado pelos programadores profissionais? Valeu, pessoal! Procurei isso em algumas normas, mas confesso que não achei. Até!