Llevo ya bastante tiempo dandole vueltas a porque no me funciona esto.
Este es mi codigo html
Código HTML:
<!DOCTYPE HTML>
<html lang="en-US">
<link href="css/estilos13.css" rel="stylesheet" type="text/css"/>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/estilos.css" media="all" />
<script type="text/javascript" src="../../js/jqueryG.js">
</script>
<script type="text/javascript" src="../../js/jquery-ui/jquery-ui.js">
</script>
<link rel="stylesheet" type="text/css"
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css"/>
<script type="text/javascript">
$(document).ready(
function inicializar()
{
$('#deslizador').slider();
}
)
</script>
<title></title>
</head>
<body>
<div id="contenedor">
<form action="busca.php" method="post">
<input type="text" name="termino" value="introduce un termino" />
<input type="submit" value="enviar" />
</form>
<div class="resultado">
<div class="izquierda">
Español
</div>
<div class="derecha">
Ingles
</div>
</div>
</div>
</body>
</html> Y este es mi css
Código HTML:
body
{
font-family: Verdana,Arial;
background-color: pink;
}
input
{
width: 96%;
height: 30px;
/* background-color: black;*/
}
Realmente es simplisimo, pero no alcanzo a comprender por que no me funciona.
Si copio el css directamente en el documento html funciona perfectamente los estilos en el input, pero en un archivo externo es imposible, lo curioso, es que el resto de estilos si los pongo en un archivo externo si que funcionan, pero el input text no, incluso el submit funciona ,he probado con la ruta completa en los estilos y tampoco funciona.
He probado poniendo ids, clases al input y al submit y nada, diferentes navegadores y mismo resultado.