鼠标仅在转到特定点时悬停,而不是在整个文本上悬停
Mouse is hovering only when you go to a particular point and not on the whole text
我有一个超链接,如果我试图悬停在上,它只会悬停在光标的特定点上。但我希望它悬停在整个文本上。但我做不到。请帮帮我。这是代码:
<div class="container">
<ol class="breadcrumb">
<li ng-repeat="crumb in breadcrumbs" ng-class="{ active: $last }"><a
ui-sref="{{ crumb.route }}" ng-if="!$last" translate>{{ crumb.displayName
}} </a><span ng-show="$last" translate>{{ crumb.displayName
}}</span></li>
</ol>
</div>
我希望<li>
标记中的第一个元素悬停。
您的a标签不应该出现在列表之前吗?
<div class="container">
<ol class="breadcrumb">
<li ng-repeat="crumb in breadcrumbs" ng-class="{ active: $last }"><a
ui-sref="{{ crumb.route }}" ng-if="!$last" translate>{{ crumb.displayName
}} </a><span ng-show="$last" translate>{{ crumb.displayName
}}</span></li>
</ol>
<div class="container">
<ol class="breadcrumb">
<li ng-repeat="crumb in breadcrumbs" ng-class="{ active: $last }"><a ui-sref="{{ crumb.route }}" ng-if="!$last" translate>{{ crumb.displayName
}} <span ng-show="$last" translate>{{ crumb.displayName
}}</span></a></li>
</ol>
或者,至少稍微分散一点,比如在你的跨度标签之后。
<div class="container">
<ol class="breadcrumb">
<a ui-sref="{{ crumb.route }}" ng-if="!$last" translate><li ng-repeat="crumb in breadcrumbs" ng-class="{ active: $last }">{{ crumb.displayName
}} <span ng-show="$last" translate>{{ crumb.displayName
}}</span></li></a>
</ol>
如果你有一个这样的例子,这可能会让我更容易回答这个问题。
<html>
<head>
<style>
li:first-child a:hover,li:first-child a:hover+span{background-color:gray}
</style>
</head>
在标题中使用以上代码。。。
相关文章:
- 绘图悬停文本未显示
- 在 D3 中使用 Tipsy 缩小悬停文本
- 使其在悬停文本时显示Div
- 鼠标悬停文本将替换整个页面
- 数组中的工具提示/悬停文本
- 将 import.io 与鼠标悬停文本一起使用
- 选中时,悬停文本框将保持固定
- 在java中获取带有硒的悬停文本
- 悬停文本并显示一个html表格
- 在完整日历中添加事件悬停文本
- 悬停文本颜色上的 jquery UI 折叠项
- 如何从点击文本显示文件浏览器,并在悬停文本时将鼠标光标更改为指针
- 如何在D3设计上添加悬停文本
- 更改按钮上的悬停文本
- 我如何使文本改变其他图像,然后用户鼠标悬停文本
- 在NVD3.js中翻译鼠标悬停文本
- 如何在鼠标悬停文本中显示短url的目标页面的页面标题
- D3鼠标悬停文本定位
- 在jQuery中悬停文本
- HTML 画布悬停文本