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:

date_select: antes

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;
}

date_select: depois

Ainda bem que foi com o Firefox! ;)