Buenos y eclipsados días compañeros
¿Alguien podría decirme como hacer referencia a un elemento input id="browsebutton" desde css? Os pongo el código html para que veáis donde está situado exactamente el elemento al que quiero dar estilo:
Código HTML:
<body>
<div class="container">
<header>
<h1><span>Conversor XLS i CSV </span></h1>
<h2>Parsear</h2>
</header>
<section class="tabs">
<input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" />
<label for="tab-1" class="tab-label-1">Importar</label>
<input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" />
<label for="tab-2" class="tab-label-2">Script</label>
<input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" />
<label for="tab-3" class="tab-label-3">Errors</label>
<div class="clear-shadow"></div>
<div class="content">
<div class="content-1">
<h2>Importar la taula</h2>
<div id="show_excel_wrapper">
<div id="show_excel">
<form name="frmload" method="post" action="index.php" enctype="multipart/form-data">
<input type="file" name="file" id="browsebutton"/> <input type="submit" id="submit" value="IMPORTAR" />
</form>
</div>
</div>
Estoy intentando hacer referencia a input#submit y por otro lado a input#browsebutton. De la siguiente manera:
.container .tabs .content .content-1 #show_excel_wrapper #show_excel input#submit:hover{
}
y
.container .tabs .content #show_excel_wrapper #show_excel input#browsebutton{
}
Pero no creo que esté referenciándolo correctamente.
Muchas gracias de antemano!
