I have this div, where the input text is inside:
<div class="col-md-4" id="passarmouse">
<input type="text" asp-for="FornecedorID" onkeypress="return BuscaDados(event);" onblur="CarregaFornecedor(this.value);" class="form-control" name="FornecedorID" id="idfornecedor" />
</div>
And this is the div that I need to show by hovering on the div passarmouse
,
<div class="col-md-4" id="mostrar">
<div class="col-md-12">
<label class="control-label" id="fornecedor"></label>
</div>
<div class="col-md-12">
<label class="control-label" id="nomefornecedor"></label>
</div>
<div class="col-md-12">
<label class="control-label" id="ruafornecedor"></label>
<label class="control-label" id="nfornecedor"></label>
</div>
<div class="col-md-12">
<label class="control-label" id="bairrofornecedor"></label>
<label class="control-label" id="cidadefornecedor"></label>
</div>
</div>
I've tried css
but it's not working:
#mostrar {
display: none;
}
#passarmouse:hover #mostrar {
display: block;
}
How can I solve it? I thought I'd type a modal then.