Jump to content
HecKel

Cantos arredondados em input type=submit

Recommended Posts

HecKel

Boas!

Preciso de alterar o visual de um input type=submit para ter cantos arredondados, experimentei com background-image, o problema é que quero ter esse CSS adaptável para todos os botões, isto é, o tamanho do botão ser variável mas com cantos arredondados.

Pelas pesquisas que fiz, as sugestões são diversas mas todas têm em comum a substituição do <input type=submit> por outras alternativas como anchors, span e afins. Mas não quero isto, quero alterar o visual do botão sem ter de alterar o HTML, pois não é mesmo suposto eu fazer tal coisa (neste site em concreto) ou a fazer, não devo mudar as tags.

Alguém tem ideias de como fazer isto?

Share this post


Link to post
Share on other sites
brunoais

Será que:

border-radius:4px;
-moz-border-radius:4px; /* Firefox 3.6 and earlier */

serve?

ADD:

Na realidade, qd quero um botão já n uso os inputs. Uso o button, mas como não queres alterar o html...

Será que isso é para um daqueles sites que permitem alterar o CSS para adaptar ao gosto de cada um?


"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Share this post


Link to post
Share on other sites
mjamado

Cantos redondos em todos os browsers, excepto o IE, e a correcção de um problema do Chrome, no meu site pessoal.


"Para desenhar um website, não tenho que saber distinguir server-side de client-side" - um membro do fórum que se auto-intitula webdesigner. Temo pelo futuro da web.

Share this post


Link to post
Share on other sites
brunoais

O IE9 já tem cantos redondos


"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Share this post


Link to post
Share on other sites
HecKel

Obrigado :cheesygrin: Funcionou :)

Não funciona para IE<9 mas mesmo sem os cantos arredondados não fica inestético, ficaria melhor..., mas não fica mal :)

Bem melhor do que usar imagens, ficou mesmo porreiro!

Share this post


Link to post
Share on other sites
cra2sh

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

aqui tens.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.