Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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.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@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.Valeu @Fabio Victor, exatamente isso cara! Ajustei a necessidade que eu precisava! Inclusive outros elementos tb.
Obg
Pesquise sobre media queries, vou deixar um link introdutório
https://tableless.com.br/introducao-sobre-media-queries/