Definindo a largura do date_select no Rails
Leia em menos de um minuto
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! ;)