redondear bordes de un input

mensajeescrito · #1 (**permalink**) 23/11/2012, 13:38

Hola buenas, alguen sabe como redondear los bordes de un input con javascrirpt?

para que vaya bien en todos los navegadores

gracias de antemano.

pzin · #2 (**permalink**) 23/11/2012, 13:40

border-radius de CSS funciona en todos los navegadores actuales.

mensajeescrito · #3 (**permalink**) 23/11/2012, 13:48

y lo de poner una lupita , vamos resumiendo, mira justo encima de esta web de forosdelweb, al lado del logo amarillo , seria un input como ese lo que necesito algo asi
sabrias donde como?

Carlangueitor · #4 (**permalink**) 23/11/2012, 14:42

¿Y si ves el código? No se como esté aquí, pero no creo que tenga mucha ciencia añadirle un background a un input submit.

Saludos

IsaBelM · #5 (**permalink**) 24/11/2012, 09:37

es un poco mas complejo

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="application/xhtml; charset=utf-8" />
<title></title>
<style type="text/css">
html, body {
width: 100%;
height: 100%;
position: relative;
margin: 0;
padding: 0;
}

#buscar input.buscar {
background: transparent url('http://static.forosdelweb.com/clientscript/fdwforumhome/search_left.png') no-repeat;
border: 0;
width: 260px;
height: 22px;
float: left;
padding: 0 5px;
}

#buscar input.buscar_button {
background: transparent url('http://static.forosdelweb.com/clientscript/fdwforumhome/search_right.png') no-repeat;
border: 0;
width: 27px;
height: 22px;
display: block;
text-indent: -9999px;
float: left;
cursor: pointer;
}
</style>
</head>
<body>

<div id="buscar">
<form>
<input type="text" class="buscar" name="query" id="s" autocomplete="off">
<input type="submit" class="buscar_button" value="" name="sa" id="sm">
</form>
</div>

</body>
</html>

emprear · #6 (**permalink**) 24/11/2012, 13:36

Acá un ejemplo que dejé una vez
http://foros.emprear.com/css/buscar-lupa.html

Salu2