Tenho o costume de zerar todos os espaçamentos dos elementos HTML para uniformizar entre os browsers. Na prática, tenho uma regra CSS como a seguinte:
* {
margin: 0;
padding: 0;
}
Isso causa um problema que afeta os campos "select" no Firefox. Os campos ficam com um tamanho reduzido, dificultando a visualização de seus valores, um problema principalmente para o date_select:

Como o problema é no Firefox, a solução é bem simples e puramente em CSS:
/* day */
select[name*="1i"] {
min-width: 4.2em;
}
/* month */
select[name*="2i"] {
min-width: 7.2em;
}
/* year */
select[name*="3i"] {
min-width: 3.2em;
}

Ainda bem que foi com o Firefox! ;)
- Permalink
- Trackback
- Comentários (9)
- Ao som de: Letters to Cleo – Disappear
Textos escritos por
Comentários #
Eu já tive esse problema tb e resolvi abrindo o arquivo CSS padrão que o Firefox utiliza e copiando as regras de lá.
Como vc disse, ainda bem que foi o Firefox. :)
No Spesa esse problema ainda continua. :(
Jeferson, novidades em breve... ;)
Num seria melhor fazer assim?
option{margin-right:10px;}
Bernardo, não sei, funciona? Se funciona, podia ser! ;)
Funciona hehehe
Alguem pode me explicar como colocar portugues o data_select?
Basta colocar o seguinte código no arquivo config/environment.rb
# Include your application configuration below
Date::MONTHNAMES = [nil] + %w(Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro)
Date::DAYNAMES = %w(Domingo Segunda-Feira Terça-Feira Quarta-Feira Quinta-Feira Sexta-Feira Sábado)
Date::ABBR_MONTHNAMES = [nil] + %w(Jan Fev Mar Abr Mai Jun Jul Aug Set Out Nov Dez)
Date::ABBR_DAYNAMES = %w(Dom Seg Ter Qua Qui Sex Sab)
Time::MONTHNAMES = Date::MONTHNAMES
Time::DAYNAMES = Date::DAYNAMES
Time::ABBR_MONTHNAMES = Date::ABBR_MONTHNAMES
Time::ABBR_DAYNAMES = Date::ABBR_DAYNAMES
Inclusive o Nando explica isso em um Post neste blog = )
Boa tarde...
Não estou conseguindo fazer o rails formatar os (date_format) para ficarem tudo numa linha... ele insiste em colocar cada um numa linha... será que alguém poderia me dar umas dicas? acredito que isso é possivel via CSS porém eu sou um novato em programação web...
Deixe um comentário