Canto arredondado para um input??

[xNandOx 0]

Opa eaí galera beleza?To começando a frequentar o fórum aki e estive pensando na idéia de arredondar os cantos dos botões Submit que eu tenho, mas não sei como fazer sem ser com o type="image" e fazer uma imagem e tal....Alguém me perdoa se já tenha isso, pesquisei direitim mas só achei pra divs e tal... =(Abs! :(

[Guilherme Rambo 4]

http://www.fatonovo.com.br - Nesse site ali no topo tem um campo com cantos arredondados. Não tem segredo nenhum pra fazer, eh basicamente o mesmo que fazer com outros elementos, o unico problema eh arrumar o lance do limite de caracteres, etc...

 

Trecho do CSS:

input.edbusca {	width:124px;	height:18px;	background:#FFF url('img/caixa.gif') no-repeat;	font:12px/18px 'Trebuchet MS', Tahoma, sans-serif;}

[xNandOx 0]

Mas o meu não tem stress pois é um submit e não input tipo text...

Então basicamente é colocar uma imagem em cada canto?! =/ http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif

[Guilherme Rambo 4]

Naum uma em cada canto, uma imagem soh mesmo ;)

Mas você pode usar input type="image" http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

[]'s

[xNandOx 0]

Eu sei eu queria fazer uma maneira sem imagens, só code mesmo...

[Fabyo 66]

tem um exemplo com imagens mas fica maneiro

 

http://www.lexcat.ro/nicejforms/nicejforms.html

[id.cs 0]

Você vai ter que fazer isso com imagem mesmo, só no css não dá, até tentei procurar algumas vezes o que ta postando mas realmente só consegui isso com imagem.

[xNandOx 0]

.buttonSubmit, .buttonSubmitHovered { width:auto; height:26px; color:#FFF; font-weight:bold; padding:2px; background:url(images/default/button_bg.gif) repeat-x left top; cursor:pointer; border:none;}.buttonSubmitHovered {background-position:left bottom;}.buttonImg {vertical-align:bottom;}Isso?!

[LonE™ 0]

.buttonSubmit, .buttonSubmitHovered {

width:auto;

height:26px;

color:#FFF;

font-weight:bold;

padding:2px;

background:url(images/default/button_bg.gif) repeat-x left top;

cursor:pointer;

border:none;

}

.buttonSubmitHovered {background-position:left bottom;}

.buttonImg {vertical-align:bottom;}

 

 

Isso?!

Supostamente seria isso sim, mas tentei criar um novo button para o reset e não funcionou. Parece que não basta criar uma nova classe no css para o button. Alguém sabe o que é preciso?