草庐IT

tooltip-hover

全部标签

html - :hover using inline style?怎么写

这个问题在这里已经有了答案:Howtowritea:hoverininlineCSS?(26个答案)关闭8年前。Alink我所需要的只是当我悬停时链接的颜色应该改变,但它应该完全只使用内联CSS*无脚本或外部CSS请帮我解决这个问题。

html - 是否存在 CSS ":drop-hover"伪类?

说我有一个inputtype="file"字段。可以将文件放到此输入(就像在Firefox中一样),而不是单击“浏览”并选择文件。现在,我想对其进行一些自定义,方法是在将文件放入input时更改字段的背景颜色。我不能真正使用:hover因为即使你没有拖放它也会匹配。是否有CSS(伪类)可以做到这一点?是否有一种CSS方法可以在不接受和接受丢弃的文件时设置不同的样式?比如说,如果该字段仅接受使用accept属性的PNG文件,如果您要在其上放置PNG文件,我会将字段设置为绿色,如果是另一种类型的文件,则设置为红色。现在有CSS方法来做这些吗?在CSS中是否有计划的方法来做到这一点(比如在即

html - -转换 :scale causing 'blinking' when hovering

我正在开发一个目录,它使用css-transform属性在悬停时缩放每个“样本”。这是我的问题:在某些浏览器和某些网站上,当您将鼠标悬停在样本上时,当您将鼠标悬停在样本上时,它会导致页面“闪烁”。我也无法确定问题,在一个网站上它可能是Safari独有的,在另一个网站上它可能只发生在Chrome中,在另一个网站上它完全没问题。希望我有更多信息,但也许其他人遇到了类似的问题。.swatch{-webkit-box-shadow:#EFEFEF2px2px0px;-webkit-transform:scale(1);-webkit-transition-duration:0.2s;borde

html - 如何在 Bootstrap v4 中实现 Navbar Dropdown Hover?

我对新的Bootstrap版本有点困惑,因为他们将下拉菜单更改为div:NavbarHome(current)FeaturesPricingDropdownlinkActionAnotheractionSomethingelsehere你们有没有想法在该片段的下zipper接中获得悬停下拉菜单而不添加额外的脚本代码(仅来自bootstrap的css和脚本)?我已经看到了bootstrapcss类,但我无法与bootstrapV3中的类联系起来(我在没有在V3中添加jquery的情况下完成了此操作)。 最佳答案 简单,仅CSS解决方案

html - 推特 Bootstrap : Popover vs Tooltip?

这两个有什么区别?对我来说,Popover看起来就像是带有较粗边框的较大工具提示。是否存在任何质的差异,或者只是您希望它有多大胆的问题? 最佳答案 Popovers需要Tooltips被包括。除了视觉上的差异,弹出窗口可以选择同时显示标题和内容,而工具提示只能选择显示标题。 关于html-推特Bootstrap:PopovervsTooltip?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/que

html - 内联样式充当 :hover in CSS

我知道将CSS样式直接嵌入到它们影响的HTML标记中会破坏CSS的大部分用途,但有时它对调试目的很有用,如:asdf嵌入规则的语法是什么:a:hover{text-decoration:underline;}进入A标签的样式属性?显然不是这个……bar...因为这会一直适用,而不是只在悬停期间。 最佳答案 恐怕做不到,伪类选择器不能内联设置,你必须在页面或样式表上做。我应该提一下,技术上您应该能够做到accordingtotheCSSspec,但大多数浏览器不支持它编辑:我刚刚用这个做了一个快速测试:Test它不适用于IE7、IE8

html - 从元素中删除 ':hover' CSS 行为

我的CSS会在您将鼠标悬停在某个元素上时更改格式。.test:hover{border:1pxsolidred;}blah在某些情况下,我不想在悬停时应用CSS。一种方法是使用jQuery从div中删除CSS类,但这会破坏其他事情,因为我还使用该类来格式化其子元素。有没有办法从元素中删除“悬停”CSS样式? 最佳答案 执行此操作的一种方法是添加:pointer-events:none;到元素,你想禁用悬停。(注意:这也会禁用该元素上的javascript事件,点击事件实际上会落到后面的元素)。BrowserSupport(截至202

html - CSS :hover not working on iOS Safari and Chrome

我有一个圆形的div,它有一个圆形的图像和底部的标题,opacity:0.5;悬停时不透明度应该变为1。它在所有桌面浏览器和FirefoxforiOS上工作正常但它不适用于Safari或iOS版Chrome。fiddle:https://jsfiddle.net/a10rLbnL/2/HTML:bangbangCSS:.video_wrap{display:inline-block;width:30%;padding-bottom:30%;margin:01%;position:relative;vertical-align:top;}.content{position:absolut

javascript - 在 iOS Safari 中单击会在您点击的下方的元素上触发 "hover state"

在iOSSafari11上,如果我有定位在具有:hover的元素上效果,以及有一个事件使其在单击时消失,然后我的链接“underneath”在元素从DOM中删除后应用悬停效果。请参阅下面的动画GIF,了解我正在谈论的内容:我为按钮设置了透明背景,以便您可以看到其背后的链接。当我在链接不所在的位置点击按钮时,链接(即Somelink)保持蓝色并且不会更改为红色悬停状态。但是,当我点击div在恰好位于链接正上方的位置,在div之后从DOM中删除后,链接会应用其悬停状态。在每个正确触发其on.click后单击链接事件(警报窗口)。我没有在Android和Chrome上看到这个问题(见下面的例

jQuery 覆盖默认验证错误消息显示 (Css) Popup/Tooltip like

我正在尝试使用div而不是标签来覆盖默认错误消息标签。我看过thispost以及如何去做,但我对CSS的限制一直困扰着我。我怎样才能像下面的一些例子那样显示它:Example#1(Dojo)-必须键入无效输入才能看到错误显示Example#2下面是一些将错误标签覆盖到div元素的示例代码$(document).ready(function(){$("#myForm").validate({rules:{"elem.1":{required:true,digits:true},"elem.2":{required:true}},errorElement:"div"});});现在我对cs