Eu tenho esta função, que funcionava bem, agora não sei por qual motivo não funciona, acho que estou esquecendo de algum detalhe. Este é o CSS:
#mostrar {
display: none;
}
#CodigoCobrancaID:not(:placeholder-shown):hover+#mostrar {
display: block;
}
.div_teste {
width: 350px;
height: 120px;
background: #ffffff;
position: absolute;
z-index: 100;
top: 30%;
left: 40%;
border: 1px solid;
}
<label asp-for="FormaCobrancaID" class="col-md-3 control-label" style="text-align:left;"></label>
<div class="col-md-3" id="passarmouse">
<input name="CodigoCobrancaID" type="text" id="CodigoCobrancaID" onkeypress="return BuscaDadosFormaCobranca(event);" class="form-control" placeholder="campo vazio" />
<input asp-for="FormaCobrancaID" placeholder="campo vazio" name="FormaCobrancaID" id="FormaCobrancaID" type="hidden" />
<span asp-validation-for="FormaCobrancaID" class="text-danger"></span>
<div class="col-md-5 div_teste" id="mostrar">
<div class="col-md-12">
<label class="control-label" id="codigocobranca"></label>
<br />
<label class="control-label" id="npagamento"></label>
<br />
<label class="control-label" id="formacalculo"></label>
</div>
</div>
</div>
Eu preciso que ao passar o mouse no campo e ele estiver preenchido, aparecer a div
, porém não está aparecendo, de nenhuma forma, isso funcionava bem pra mim, mas agora parou.