1. java
  2. android
  3. c#
  4. .net
  5. javascript
  6. php
  7. jquery
  8. html
  9. sql

a hover não funciona dentro do form.

possuo um css já funcionando corretamente, e tenho um dropdown da seguinte forma.

<div class="pull-right">
                    <div class="btn-group">
                        <a class="btn dropdown-toggle" data-toggle="dropdown" href="#" style="display: inline;">
                            <c:out value="${usuarioWeb.usuario.nome}"/>
                            <span class="caret" style="margin-left: 3px;"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a>Teste</a></li> //essa linha o hover funciona
                            <li class="divider"></li>
                            <li>
<!--                                 <a id="reset" href="#">Resetar Conta</a> -->
                                <form name="resetarConta" action="<c:url value="/usuario/resetarConta/${usuarioWeb.usuario.codigo}"/>" method="POST" style="display: inline;">
                                    //essa linha aqui nao funciona o hover
                                    <a href="javascript:document.resetarConta.submit()" id="resetButton">Resetar Senha</a>
                                </form>
                            </li>
                        </ul>
                    </div>
                </div>

pq dentro do form o a:hover não funciona? tem como contornar isso?

segue o codigo css:

.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #0088cc;
}
  • ajudaria se voce posta o codigo css...

    Cristian Urbainski   31 de mai de 2013
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do GUJ!

1 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags css html vraptor ou faça a sua própria pergunta.