Colocar cantos arredondados

Rdemiguel · 06/02/2012

Hola, me gustaria saber como poner las esquinas redondeadas al buscador de Arras Theme, el css es este

/* search bar */
#searchbar { margin: 25px 0 0; }
.searchform { border: 3px solid #383332; background: #EFEFEF; width: 250px; padding: 6px 5px; margin: 0; }
.searchform .s { font-family: 'Lucida Grande', Arial, Helvetica, sans-serif; font-size: 14px; border: none; background: #EFEFEF; padding: 0; margin: 0; float: left; width: 234px; }
.searchform .searchsubmit { background: url(../../images/searchsubmit.gif) no-repeat; text-indent: -9000px; width: 16px; height: 16px; border: none; float: left; cursor: pointer; opacity: 0.7; text-transform: capitalize; padding: 0; margin: 0; }
.searchform .searchsubmit:hover { background: url(../../images/searchsubmit.gif) no-repeat; opacity: 1; }

Rdemiguel · 06/02/2012

Funcina en todos los navegadores?

jonay · 06/02/2012

http://forobeta.com/html/88390-html5-y-css3.html#post864934

Gideon · 06/02/2012

si, los atributos son para cada navegador

-moz-border-radius: /* Para Mozila 4.0 - anterioro */
-webkit-border-radius: /*Google Chorme */
border-radius: /*Todos los navegadores que lean CSS 3 */

incluso funcionan para IE 8 y 9

krusty72 · 06/02/2012

CSS3 Generator

Ricardo Castro · 07/02/2012

krusty72 disse:
CSS3 Generator

No lo conocia gracias

shadowhck · 07/02/2012

Aqui esta algo mas compatible:

HTML:

border-radius: 5px; /* CSS3 */
-moz-border-radius: 5px; /* Mozilla */
-khtml-border-radius: 5px; /* Safari */
-webkit-border-radius: 5px; /* Chrome */

Colocar cantos arredondados

Rdemiguel

Rdemiguel

jonay

Gideon

krusty72

Ricardo Castro

shadowhck

Tópicos similares