Question

在IE Edge中，当鼠标悬停在<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>{% block title %}Welcome!{% endblock %}</title> <meta name="viewport" content="width=device-width, initial-scale=1"> {% block stylesheets %} <link href="http://cdn.alloyui.com/3.0.1/aui-css/css/bootstrap.min.css" rel="stylesheet"> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> {% endblock %} <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" /> </head> <body> {% block body %} <div class="container-fluid"> <nav class="navbar navbar-default"> <div class="navbar-header"> <a class="navbar-brand" href="{{ path('dashboard.index') }}">NewsDriver</a> </div> <ul class="nav navbar-nav"> <li class="active"><a href="{{ path('dashboard.index') }}">Dashboard</a></li> </ul> <ul class="nav navbar-nav navbar-right"> {% if is_granted('IS_AUTHENTICATED_FULLY') %} <li><a href="#">{{ app.user.getName() }}</a></li> <li><a href="/logout"><span class="glyphicon glyphicon-log-out"></span> Logout</a></li> {% else %} <li><a href="/login"><span class="glyphicon glyphicon-log-in"></span> Login</a></li> {% endif %} </ul> </nav> {% for flashType, flashMessages in app.session.flashbag.all() %} {% for flashMessage in flashMessages %} <div class="alert alert-{{ flashType }}"> <button type="button" class="close" data-dismiss="alert">×</button> {{ flashMessage }} </div> {% endfor %} {% endfor %} {% block content %}{% endblock %} </div> {% endblock %} {% block javascripts %} <script src="http://cdn.alloyui.com/3.0.1/aui/aui-min.js"></script> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> {% endblock %} <script> YUI().use( 'node', 'transition', function (Y) { Y.one('.navbar-brand').on( 'click', function() { this.transition( { width: '500px' } ); } ); } ); </script> </body> </html>元素上时，我想更改background-color和color，但是当内容太长并且在最后包裹时， <span>不起作用，但颜色效果如下：

Answer 1

尝试将此添加到您的css

.model-parameter-keyword-left span:hover{
      background: rgb(217,83,79);
      color: rgb(34,34,34);
}

当跨度改变线时，背景颜色样式不起作用

1 个答案: