como certificar-se de selecionar o texto da opção alinhar no centro no IE?

O CSS a seguir funciona no FF, mas não no IE (pelo menos 8.0), como posso ter certeza de que o texto se alinha no centro para o IE8.0? Obrigado!!!

select, option { text-align: center; } 

Infelizmente, você não pode alterar o alinhamento dos itens SELECT no IE, embora me surpreenda que até mesmo o IE 8 mantenha esse mau hábito.

Dado que isso não é possível no IE, acho que você teria que recorrer a:

  1. Implementando seus próprios widgets SELECT. Existem muitas bibliotecas JS que fazem isso, principalmente porque as inputs SELECT são difíceis de serem estilizadas.

  2. Insira o espaço em branco apropriado na frente das opções menores.

Edit: parece que o espaço em branco não funciona, mas o espaço HTML faz:

  

Isso é um truque …

Você pode criar uma class e chamá-la usando o ‘STYLE TAG’ no campo de opções.

Por exemplo: –