1

Como centralizar o texto de um select? Eu removi as setas pra baixo com o

-moz-appearance: none;
-webkit-appearance: none;

Mas o texto fica ao lado e não centraliza. Fica assim:

--------------------------
|TEXTO DO SELECT         |
-------------------------- 

Gostaria que ficasse assim:

--------------------------
|    TEXTO DO SELECT     |
-------------------------- 

Ja tentei com text-align, com margin, etc e não fica. Por que?


EDIT

Ate tentei com padding-left, da resposta do guilheme, mas mudando a resolução, da poblema. Teria outra solução?

2
  • 3
    Possível duplicata de Estilização de Select via CSS
    – user76271
    Commented 25/05/2017 às 11:38
  • Na verdade não deu não, ele vai pro lado, mas mudando a resolução, da problema. Commented 25/05/2017 às 11:42

1 Resposta 1

2

Sem a ajuda de plugins externos, você pode centralizar somente o texto dentro da caixa e não os do dropdown, colocando o seguinte CSS no select:

text-align: center; /* para firefox */
text-align-last: center; /* para chrome */
3
  • Funcionou! Sabe se no Safari vai centralizar? Commented 25/05/2017 às 12:06
  • @LucasCarvalho Provavelmente não. Pelo que entendi não é algo ainda 100% possível sem auxílio de plugins. Commented 25/05/2017 às 12:36
  • Entendi, obrigado, Leon! Commented 25/05/2017 às 13:00

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .