腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
1
回答
在TailwindCSS中悬停时不显示边框
html
、
css
、
tailwind-css
下面是我的代码: <button class="text-center hover:border-b-2 hover:border-black">Home</button> 我使用的是TailwindCSS。当我在border-b-2之前移除hover:时,它工作得很好,通常会有一个灰色边框,悬停时会出现一个黑色边框。但是一旦我添加了hover前缀,边框就消失了。我的代码正确吗?
浏览 30
提问于2021-08-03
得票数 0
1
回答
Tailwindcss组-悬停不适用于边框颜色
css
、
hover
、
tailwind-css
当我将鼠标悬停在导航项上时,我希望更改跨度边框颜色。群组悬停不做任何事情... 这是不是还没有在Tailwindcss中实现呢? <a class="group px-4 py-2 hover:bg-white hover:text-primary transition-colors duration-300 rounded-sm" :href="route"> <span class="pb-1 border-b border-white group-hover:b
浏览 10
提问于2020-08-05
得票数 4
回答已采纳
3
回答
引导带条的表行边框与最近的行重叠。
twitter-bootstrap
、
css
、
less
、
angular-ui-bootstrap
我在做一些应该非常简单的事情时遇到了麻烦.当悬停时,向引导表行(tr)添加1px顶部和底部边框。表是带条的,但我认为这并不重要(不使用引导程序的table-striped类,但我检查了它,并且在使用它时也会发生这种情况)。这是一个角度应用程序。 问题:没有显示1px顶部边框,因为上一行没有悬停,其底部边框与悬停行重叠。显示上一行的边框,而悬停行的边框不显示。如果我将悬停边框更改为2px,则会显示该边框(1 px位于上一行的底部边框之后,第二个px将显示)。 我可以使用“以前的兄弟”选择器(相对于+选择器),如果有任何.若要删除上一行的底部边框,请执行以下操作; 如何将1 1px上下边框分配给悬
浏览 8
提问于2015-07-31
得票数 0
回答已采纳
4
回答
如何动态添加边框,使其不影响布局
javascript
、
html
、
css
我正在创建一个菜单栏,我需要在悬停时显示边框。但是添加边框会扰乱布局。 如何在不影响布局的情况下添加边框。
浏览 2
提问于2011-11-10
得票数 1
回答已采纳
3
回答
在悬停时停止元素的移动和填充
html
、
css
我正在尝试创建一个很酷的css3效果,当你将鼠标悬停在图像上时,一个边框会慢慢地从图像的中间出来。为了做到这一点,我有一个透明的边框,然后显示边框并在悬停时应用填充,但当我添加填充时,它会移动图像。有没有一种方法可以防止图像移动,同时仍然在悬停时添加填充? #dev:hover{ border:solid 3px #76c2af; padding:10px; } img{ position: absolute; left:64%; margin-left:-128px; border:solid 3px transparent; bo
浏览 1
提问于2013-12-15
得票数 2
2
回答
使用display时缺少IE CSS边框:无
html
、
css
、
internet-explorer
在Internet Explorer中(我已经在所有v6 -v9中测试过),当您将鼠标悬停在文本上时,子菜单上的边框一开始不会出现。第二次悬停时,它将显示出来。它在Firefox和Chrome中运行良好--也就是说,它总是显示边框。我已经在上放了一个示例页面。 IE (悬停时): FF/Chrome (悬停时): 这里没什么特别的,一些css,onmouseover/onmouseout Javascript来设置style.display = block/none。我在上遵循了这篇中的一些想法。 我已经把它简化到最低限度,试图找到问题所在,但仍然没有成功。 子菜单ul元素
浏览 0
提问于2011-12-29
得票数 1
回答已采纳
1
回答
如何自定义@tailwindcss/窗体中的默认样式
reactjs
、
next.js
、
tailwind-css
如果我使用@tailwindcss/forms,它的样式将在下面的站点上显示为未样式化。 在下面的站点上,chackbox看起来应该很简单。 当前,当您按下复选框,就像在站点上没有样式一样,就会显示边框。我想消除它。 //taiwind.config.js plugins: [ require('@tailwindcss/custom-forms'), ]
浏览 4
提问于2022-08-26
得票数 0
1
回答
如何删除nvd3中悬停元素的边框
css
、
d3.js
、
nvd3.js
我使用nvd3来显示d3图表。我试图删除边框周围的信息文本悬停在数据点。下图如下: 当我悬停在数据点上时,会出现信息文本和边框,我试图在css中删除该边框。有什么办法吗?? 谢谢!!
浏览 4
提问于2015-07-21
得票数 0
回答已采纳
4
回答
有没有一种使用CSS向后工作的方法
jquery
、
html
、
css
、
border
、
hyperlink
我想知道在CSS中是否有反向工作的方法。我的意思是说,我在div标记周围有一个边框,然后在div标记内是一个具有悬停功能的链接。当链接悬停时,有没有办法改变div标签上的边框颜色,或者这只能使用jquery来实现?
浏览 4
提问于2013-04-23
得票数 1
1
回答
如何使用vanilla javascript或css动画边框
javascript
、
css
、
jquery-animate
、
css-animations
我将边框底部的颜色设置为灰色,并添加到.3s中的传输,以及“:悬停”效果,因此在悬停时它会将其颜色更改为蓝色。问题与此有关:当我将鼠标放在具有悬停效果的元素上时,我设置的边框(蓝色)从上到下出现(下降效果)。 现在,我的客户端希望在悬停时从左到右显示边框,在另一个列表项目上,边框不应该消失,它(边框)必须“落后”游标,试图“捕捉”光标并填充下一个列表项的边框位置。我希望你能得到我想要的。我知道在css中是不可能做到的,但我不知道如何在js中实现这一点,有人能帮我做这件事吗?不需要使用像jQuery这样的框架,就可以向我解释该做什么。
浏览 3
提问于2017-09-21
得票数 1
回答已采纳
1
回答
在角10中如何减小垫形场外形轮廓边框大小
css
、
angular
、
angular-material
在角10中,使用@角/材料,如何在悬停状态下减少轮廓边框的mat-form-field外观。 我可以使用以下代码修改默认边框大小: :host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline { color: black; } 悬停时,一种厚厚的黑色显示如下 我需要在悬停时像这样展示它
浏览 4
提问于2021-04-07
得票数 1
回答已采纳
4
回答
如何将边框应用于facebook页面的所有元素(悬停),而不影响整个页面的外观和感觉
html
、
css
、
onhover
在按照前面的要求对此进行标记之前,请阅读整个场景。谢谢 简写版: 为了清楚地说明我想要达到的目标,这里是页面,我想在目标元素中添加边框(在目标元素上我正在悬停),不管是<div>、<img>还是<p>,而不是抖动 详细版本 Webpage in question:Facebook的任何一个页面。 Requirement:将光标移动到元素上应该只在悬停时向目标元素添加边框,因此临时边框不是永久的。只有单击该元素时,才会添加永久边框。简单地说,如果我悬停在一个元素上,它将被高亮显示,例如,粉红色边框,并且只有当我单击它时,才会添加一个绿色边框。 Initial
浏览 1
提问于2018-07-02
得票数 0
回答已采纳
3
回答
修正尾翼悬停
css
、
tailwind-css
我注意到: Tailwindcss中的悬停使用默认的悬停选择器,这会导致移动上的“卡住”悬停状态。是否有一种方法可以将“悬停”函数改为“@media”(悬停:悬停)?
浏览 1
提问于2019-06-25
得票数 17
回答已采纳
2
回答
如何在按下QAction时改变QToolButton的图标
c++
、
qt
当鼠标悬停时,我想移除QToolButton的边框。 当按下QAction时,我想更改QToolButton的图标图像。 我为QToolButton更改了样式表,但它不起作用,请帮助 当鼠标悬停时,我想移除QToolButton的边框。我为QToolButton更改了样式表 QToolButton:悬停{边框:无;} QToolButton:按下{边框:无;} 但它显示边框底部和按钮向左移动的图像。
浏览 0
提问于2018-11-08
得票数 3
回答已采纳
3
回答
下拉列表中的父级li不会在悬停状态下更改颜色
html
、
css
、
navigation
、
hover
我有一个<li>,悬停时会在它下面显示一个<ul>。我终于让边框对齐了,但现在由于某种原因,当我将鼠标悬停在边框上时,li:hover颜色不会再变回来。根据CSS的说法,似乎正在发生的情况是,当<ul>处于活动状态时,父<li>仍然处于悬停状态。 这是一个jsFiddle,它显示了正在发生的事情: 当<ul>显示并且父<li>没有悬停在其上时,我希望父<li>与<ul>中的<li>元素具有相同的背景色和边框颜色。我如何在维护整个<div>的边界完整性的同时最好地解决这个问题
浏览 0
提问于2011-10-19
得票数 4
回答已采纳
1
回答
添加了可在悬停时激活的.6rem实心上边框。但是,它会将导航向下推。
html
、
css
我已经创建了一个导航菜单,其中菜单项在悬停时显示.6rem实线顶部边框。 我遇到的问题是,鼠标悬停操作会将菜单项向下推。 我已经尝试在父css中添加一个透明的顶端边框,但是没有什么区别。 .site-header .nav-primary { border-top: .6rem solid transparent; } .site-header .nav-primary a:hover { color: #000; border-top: .6rem solid #bfdcee; 我希望当我将鼠标悬停在导航列表项上时,.6rem顶部边框会显示出来,而不会将整个主导航向
浏览 0
提问于2019-06-19
得票数 0
1
回答
CSS:显示样式在多个div上悬停在另一个上。
css
、
hover
我有两个不同维度的div放在另一个上。所以有一个共同的交叉口区域。有CSS :悬停规则为两个div设置。如果我悬停在每个div上,那么规则就适用了。但是,如果我在交叉口区域移动,只有顶部的div悬停是启动的。 当鼠标悬停在交叉区域时,我希望两个div都能执行:悬停规则。 请参阅的示例代码 在div上空盘旋时,边框显示为黑色。当鼠标悬停在交叉口区域时,我希望两个div边框都能显示出来。 下面粘贴相同的代码以供参考: HTML <div class='lower-layer'></div> <div class='upper-layer'
浏览 1
提问于2015-09-02
得票数 2
4
回答
如何在悬停时为图像添加边框?
css
、
border
我正在尝试添加一个边界的图像在翻转。当我将鼠标悬停在图像上时,边框不显示。下面是我的代码: <script> $(document).ready(function() { $("#imgBorder").hover( function() { $(this).addClass("Hover"); }, function() { $(this).removeClass("Hover"); } ); }); </script> Hover { border: 1px solid
浏览 0
提问于2012-04-12
得票数 0
1
回答
已编译的尾风CSS不包括自定义导入的文件。
vue.js
、
tailwind-css
如文档中所述,我在使用npx编译TailwindCSS时遇到了一些问题。Webpack在做他的工作!开发服务器和build都正确地使用自定义类!问题是,当我通过npx tailwindcss build tail.css -o tailwind.full.css编译尾风时。自定义导入不包含在结果css文件中。因此,自动完成不完成我的定制css键.除了没有编译我的@导入的自定义css文件的npm tailwindcss build之外,一切正常工作。我怎么能拿到这个? 下面是npx顺风构建命令中通知我的tail.css文件: @import "./colors.css"; @i
浏览 1
提问于2020-07-27
得票数 4
回答已采纳
1
回答
在盘旋时合并2个div的边界
html
、
css
我有两个div元素。第一个元素对用户是可见的,当用户悬停在它上面时,会向他显示其余的元素。在徘徊时,我想移除这两个div元素的共同边界。 我尝试将这个css添加到top div元素中,以便在悬停时移除它的边框,并增加它的z索引,从而覆盖下面div的顶部部分。但这是行不通的。需要帮助才能完成这件事。 无悬停: __________________ | | |__________________| 使用悬停(当前使用上述CSS): __________________ | | |__________________|_
浏览 2
提问于2015-08-22
得票数 1
回答已采纳
2
回答
锚,表现出意想不到的行为
html
、
css
、
image
、
border
、
anchor
我在锚点中使用了一个图像,并编写了css来在图像周围显示5 5px实心青色边框,而此时图像正在悬停,但边框并没有完全显示。 我使用的图片链接:- img { height: 300px; width: 300px; } a:hover { border: 5px solid cyan; } <a href="#"><img src="1.png"></a> 在图像悬停时的预期输出:- 在图像悬停时的实际输出:-
浏览 5
提问于2022-09-06
得票数 0
回答已采纳
1
回答
如何在鼠标悬停时创建带有WPF边框的淡出过渡?
c#
、
wpf
、
border
、
mouseevent
我正在尝试创建一个在悬停时显示/隐藏边框本身的Border。所需的效果是在悬停时显示内容周围的边框,当鼠标离开该区域时,边框将淡出。我搞不懂“淡出”这部分。 下面的代码片段使用了style Triggers。它在切换边框颜色时起作用。如何实现淡出? <Border BorderThickness="1" > <Border.Style> <Style> <Style.Triggers> <Trigger
浏览 0
提问于2013-05-08
得票数 2
回答已采纳
1
回答
如何在角材料文本框周围设置悬停板的大小?
css
、
angular
、
angular-material
、
textbox
、
hover
我希望文本框的边框在有人悬停时为1 1px,然后在单击时更改为3 1px。默认情况下,文本框边框的正常状态(未填充/不悬停)为1px: 但是悬停是3px (当它被点击后只应该是3px ): 以下是应如何显示: 每当我将寄宿者的大小设置为1 3px时,寄宿者在点击时不会切换到3 3px。 .form-原始{ .mat-form-field-appearance-outline:not(.mat-form-field-disabled) ..mat form-field-flex:悬停..mat form-field-大纲-厚{色:mat.get-色从调色板($alt
浏览 2
提问于2022-08-15
得票数 0
6
回答
悬停边界位置
html
、
css
在下面的代码中,我设置了ul的底部边框。在ul中的项目上悬停时,我希望在ul边框上显示底部边框或悬停项。我无法设置两个边框(ul和ul项)的位置,以便它们在悬停时彼此相连。 我试过使用绝对位置和直线高度,但没有取得多大的成功。 我就是这么想的: 下面是代码: HTML: <div class="box"> <ul> <li><a href="#">test 1</a></li> <li><a href="#"
浏览 5
提问于2014-07-17
得票数 7
回答已采纳
4
回答
在TailwindCSS中悬停在div上时显示按钮
vue.js
、
tailwind-css
目前,我在Vue中的div上悬停时,使用TailwindCSS显示一个按钮有点困难。通常,我会使用CSS来完成它,但是我想使用顺风来完成它。 我引用了使用的文档,但它没有像预期的那样工作。屏幕相关元素的可见性是否正常?或者它也可以用于按钮和其他内容? 代码 <div> <button class="text-white invisible hover:visible">Hello</button> </div>
浏览 32
提问于2020-03-29
得票数 18
回答已采纳
2
回答
CSS继承的边框颜色似乎被忽略了。
css
、
hover
我有一个锚元素,当光标悬停在它上面时,我想画一个边框。问题是,当绘制边框时,锚文本和其右侧的所有内容都会稍微向右跳。 我想我会很聪明,用背景颜色的边框(通过“继承”)作为锚的样式,这样在没有悬停的情况下就会画出默认的边框。然后,当用户悬停时,红色边框被简单地画在背景边框上,文本不应该跳到右边。但这种方法行不通。 我发布的主要原因是了解为什么我使用继承颜色绘制边框的策略不起作用。换句话说,为什么没有绘制继承颜色的边框?其次,我想知道如何防止课文跳跃。 下面是样式和JSFiddle: a:link, a:visited { border: 1px solid inherit; } a:h
浏览 2
提问于2015-12-29
得票数 1
回答已采纳
2
回答
如何在悬停时选择元素
javascript
、
jquery
如何在将元素悬停在HTML上时选择元素。例如,如果我悬停一个div或它的子级,那么我需要对它进行控制。我想在它周围显示一个边框。我的代码是 jQuery(document).ready(function(){ $(window).bind('mousemove', function(e) { current_id = $(e.target).attr('id'); jQuery('#'+current_id).css('border','2px solid yellow');
浏览 0
提问于2013-03-02
得票数 0
回答已采纳
1
回答
引导-下拉式在悬停时消失。
html
、
css
、
twitter-bootstrap
我正在玩一个来自的导航条例子。我希望肚脐下拉是整个页面的宽度,并显示下拉式悬停。 我通过在下拉类中设置position:initial;和在下拉菜单类中设置width:100%;来管理全宽度功能。 问题是,当设置position:initial时,当您悬停在其上单击其中一个链接时,下拉列表将消失。 关于如何解决这个问题,有什么建议吗? 以下是我尝试过的: 将下拉菜单类设置为display:none,并将下拉类设置为display:block。 确保将类设置为display:none高于带display:block的类(根据这里的答案:) 删除导航条和导航条元素周围的所有填充(根据这
浏览 2
提问于2019-06-15
得票数 1
回答已采纳
1
回答
非小部件或基元控件的Kendo UI样式
kendo-ui
大家好, 我正在努力将KendoUI主题颜色应用于单选按钮和复选框控件。 我使用的是开箱即用的KendoUI的平面主题。我屏幕上的所有小部件都是用KendoUI主题显示和装饰的,我通过在原始控件上应用".k-textbox“类获得了一些基本的样式,比如checkbox,radiobutton等。我已经参考了:获取详细信息。 根据HTML标准,您不能为复选框、单选按钮元素提供边框颜色。但不知何故,他们装饰和KendoUI主题颜色是应用到鼠标悬停的边界?奇怪!在某些特定场景中覆盖悬停边框颜色的任何线索。 谢谢你的帮助。 相同的
浏览 3
提问于2013-11-22
得票数 0
3
回答
边底动画长度
javascript
、
jquery
、
css
、
hover
我有肚脐。在任意一个菜单项的悬停中,我想要有与中的边框底部动画完全相同的效果(查看左上角的边框或菜单项在悬停时是如何显示的)。 我试图找到类似的问题,在堆栈溢出和谷歌,但我没有发现任何帮助。 任何帮助都是非常感谢的。
浏览 2
提问于2014-03-20
得票数 2
回答已采纳
3
回答
css/javascript:边框上的数字
javascript
、
jquery
、
css
如何在元素周围的边框上显示一个小数字(左上边框)? 基本上,我正在寻找一种突出显示元素并用数字标识它们的方法。 更新: 基本上,元素在鼠标悬停时通过定义边框属性来突出显示。鼠标移出时,边框是透明的(消失)。 我想要做的是如何在所选的边框突出显示之外显示数字? 我刚刚想到的解决方案是使用自定义生成的编号图像边框,并动态使用边框图像
浏览 0
提问于2012-02-07
得票数 0
回答已采纳
6
回答
将悬停边框应用于图像
css
、
hover
、
mousehover
我不能让悬停在我的图像上工作,我确信我的css悬停是错误的,但我也有一些jquery附加到可能导致冲突的图像上。 这里是小提琴: 基本上我只是在边框上显示一种悬停状态。
浏览 2
提问于2011-08-11
得票数 1
回答已采纳
1
回答
在悬停时显示边框高度的颜色子元素
html
、
css
我有一个带有两个锚子元素的父div。父div有一个边框,在悬停时,我希望突出显示子锚标记。现在,我可以这样做,但是悬停并不能填满围绕父div的边框的整个宽度和高度。 .header-info { max-width: 250px; padding: 10px; text-align: center; font-size: 0px; margin-top: 10px; font-size: 15px; border-radius: 5px; } .about-header-container { width: 240px; border: 10px sol
浏览 4
提问于2016-09-17
得票数 2
回答已采纳
2
回答
A链接Img边框
css
有没有可能在通过CSS链接的图像周围有一个边框,这样当我将鼠标悬停在图像上时,边框就会出现在图像周围?我希望在每个图像周围有一个5px厚的边框,这是一个链接,但我不能迅速完成它:(任何帮助将不胜感激。
浏览 0
提问于2010-07-20
得票数 0
回答已采纳
2
回答
单元格内边框
html-table
、
hover
、
border
、
cell
如何将CSS设置为显示td内部的边框,而不是悬停时的外部边框。通常,当我悬停一个单元格并将边框设置为悬停样式时,表格行将按悬停边框的宽度移动。我想让它显示在里面,这样就不会移动了。(例如,单元格的宽度为10px,我添加了2px的边框,我仍然希望它的宽度为10像素,但两边都有2px的边框,因此同意保留6px。) jsfiddle: 这是我的HTML: <table> <tr> <td> <a>po</a> </td> <td> <a>út</a> </td>
浏览 9
提问于2014-02-18
得票数 0
1
回答
选项卡边框与全宽度边框对齐
html
、
css
、
tailwind-css
我正试图在HTML/CSS (TailwindCSS)中实现这样的目标: 请注意活动选项卡上的边框是如何与全宽度边框完美地对齐的。 码 这里是我的HTML,它包括顺风css类。 <link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet"/> <div class="bg-slate-800 rounded-md mb-5 p-8"> <ul cla
浏览 11
提问于2022-05-30
得票数 0
回答已采纳
1
回答
如何在不改变上圆边框形状的情况下取消样式下圆边框?
html
、
css
、
tailwind-css
我在尝试重新创建谷歌。当您集中在Google.com的搜索栏上时,底部边框将取消圆角边框的样式。因此,我试图通过将焦点设置为无样式的底部边框半径来实现这一效果,但这将改变顶部边框的形状。 我写的代码大致是这样的。 <link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet"/> <div class="rounded-[24px] bg-white px-3 focus-within:ro
浏览 13
提问于2022-09-24
得票数 1
回答已采纳
2
回答
边框不是直接应用于svg元素,而是应用于它的子元素?
reactjs
、
typescript
、
svg
、
stackblitz
这是我的stackblitz/codepen: 当我在svg矩形上悬停时,就会触发悬停事件,因为外观/屋顶的父svg元素,所以我希望边框被添加到svg元素中,但它不是!相反,所有svg子元素都拥有这个边框集。 为什么要这样? OnMouseOver是为svg元素注册的,如下所示: return <svg onMouseOver={e => this.props.currentMounting.onMountingHoveredOver(e)} onMouseOut={e => this.props.currentMounting.onMounti
浏览 0
提问于2018-07-11
得票数 0
回答已采纳
4
回答
为什么~选择器在这里不起作用?
html
、
css
在导航菜单中,我有一个应用于所选部分和悬停操作的底部边框。 <nav> <ul> <li><a href="#" id="selected">Home</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Contact</a></li> <li><a href="
浏览 0
提问于2013-11-06
得票数 2
1
回答
ImageButton和输入图像“type=”边框仅在悬停时出现
html
、
css
、
imagebutton
当您将鼠标悬停在input type='image'上时,边框会出现,然后在离开图像时消失。但不仅仅是可见性,它的间距也丢失了。我希望我的图像保持在一个静态的位置,但仍然受益于边界的出现。因此,我只想让它改变颜色。是否可以在悬停之前显示边框?这是我想要避免的浮现的画面。
浏览 1
提问于2013-02-21
得票数 3
回答已采纳
2
回答
Java JButton样式
java
、
swing
、
netbeans
有没有人尝试过让JButton看起来像NetBeans工具栏按钮?这将只显示一张图片,当你将鼠标悬停在它上面时,会显示一个1px的圆角灰色边框,并且在按钮的顶部和底部显示不同的背景。似乎不能这样设计一个JButton的样式……有什么建议吗?谢谢! 左:法线 中间:悬停 右图:焦点 我甚至不需要半对半的背景,只是不能在悬停时绘制边框……
浏览 1
提问于2012-02-16
得票数 0
回答已采纳
2
回答
WPF DatePicker内边框停用
c#
、
wpf
、
datepicker
、
border
我试图在我的想法中样式化一个wpf日期选择器,但在停用内边框时遇到了一些问题。当我将鼠标悬停在datepicker上或单击它时,输入区域周围会出现一个浅蓝色的边框。你可以在截图上清楚地看到它。如何停用此边框?
浏览 4
提问于2017-07-12
得票数 1
回答已采纳
1
回答
仅在带有TailwindCSS的div中悬停图像
css
、
next.js
、
tailwind-css
我希望在将鼠标悬停在卡(div)而不是卡本身上时,只对图像进行动画处理。我该怎么做呢? 我们的计划是让图像动画-反弹时,悬停在卡片上,只有图像,而不是卡片或里面的文本。 另外,我使用next/image作为图像。 普通的CSS,我会嵌套css,它可以工作,这可以用TailwindCSS实现吗? 提前感谢
浏览 31
提问于2021-07-23
得票数 0
2
回答
TailwindCSS、Webpack和Sass:类在CSS文件中使用时找不到,但在内联时可以很好地工作。
css
、
webpack
、
sass
、
tailwind-css
我有模块化的CSS (使用Sass),当我使用Tailwind的@apply和一些类时,我的webpack正在抛出错误。有些起作用,有些不起作用,我也搞不懂原因。它在HTML中内联工作,但在CSS文件中不起作用。 gallery.scss .c-gallery-thumbnails { @apply space-x-3; } base.scss @import "tailwindcss/base"; @import "tailwindcss/components"; @import "tailwindcss/utilities"; impo
浏览 0
提问于2020-08-06
得票数 0
回答已采纳
6
回答
在悬停时添加底部边框,只使用CSS。
html
、
css
当我盘旋时,如何使一条线只出现在链接图像的底部? 我可以得到一个内部边界显示在悬停,但我只希望边框底部显示。 以下是我到目前为止所拥有的内容,尽管它使用的是outline属性而不是边框: #links a img, #links a{ border: none; float: left; } #links a{ margin: 3px; } #links a:hover{ outline: 3px solid black; } 无悬停: 徘徊:
浏览 1
提问于2013-03-04
得票数 4
3
回答
在悬停CSS上添加左边框
html
、
css
、
hover
我试图让一个元素在其上方盘旋时显示左边框。目前,我已将其设置为使用顶部边框作为分隔符,并将右、下和左边框设置为0。 .post.reply { font-family: 'Arial', sans-serif !important; font-size: 8pt !important; background: #fafafa !important; color: #1a1a1a !important; width: 100% !important; border-bottom: 0
浏览 6
提问于2014-10-17
得票数 1
回答已采纳
6
回答
删除Silverlight TextBox鼠标悬停边框的最简单方法是什么?
c#
、
silverlight
、
textbox
、
textblock
、
cut-and-paste
我希望在Silverlight应用程序中显示文本,以便用户可以将复制并粘贴到其他地方(就像在HTML网站上所做的那样)。 如果使用TextBlock,则用户无法复制和粘贴。 因此,我使用TextBox,但是它有一个默认边框。我可以像这样用删除与BorderThickness="0"的边框: <TextBox Grid.Column="1" BorderThickness="0" Text="{Binding ViewModelBindingStringsBlockHelp}"/> 效果很好:
浏览 4
提问于2010-05-23
得票数 2
1
回答
如何使元素不悬停在边框/轮廓上?
html
、
css
我有一系列宽度为50%的元素,它们彼此相邻,我想给每个元素一个20px的白色边框来分隔它们,原因是我有一个响应式布局,我总是希望元素之间有40px的空白。 我也有一个悬停效果,但是当你在主元素上使用边框时,当你悬停在边框或轮廓上时,你会触发悬停效果,这是我不想要的。 尝试悬停在红色边框和轮廓上(轮廓您需要悬停在两个块之间才能触发悬停)。 我找到的唯一解决方案是添加一个新元素来包装.main中的所有内容,并在那里给它一个边框,但这是非常非语义的,而且必须为这样的东西添加额外的标记似乎是不正确的。
浏览 0
提问于2014-07-11
得票数 0
1
回答
GWT Disclosure面板的Bootstrap按钮布局错误
gwt
、
twitter-bootstrap-3
、
gwtbootstrap3
我使用一个gwt公开面板,里面有2个gwtbootstrap3 (基于引导3.3.6)按钮。当我打开显示面板(在chrome浏览器中)时,按钮的布局被破坏(见下图)。 然后,当我将鼠标悬停在按钮上时,布局就会神奇地固定下来: 正如您所看到的,当公开面板打开时,按钮周围的边框绘制错误。将鼠标悬停在按钮上后,按钮边框绘制正确。按钮大小设置为XS (非常小),有两种样式:.5em-left= .5em;float: right;其余的是默认的引导样式。 当鼠标悬停在按钮上时,有没有人遇到过这种行为?
浏览 4
提问于2017-04-21
得票数 0
1
回答
从wxBitmapButton中删除边框
c++
、
user-interface
、
wxwidgets
当我在Ubuntu (Gnome/Unity)下运行我的应用程序时,所有的wxBitmapButtons都有一个白色边框(大小约为2.4像素)。此边框还会移动位置,并按边框大小扩展“总计”按钮的大小。 当我指定标志wxNO_BORDER (或wxBORDER_NONE)时,默认情况下边框不再显示,但在鼠标悬停时会重新显示。 所以我的问题是:我如何才能完全移除这个边框?正常的wxButtons不会显示此行为,只有wxBitmapButton会受到影响...
浏览 0
提问于2017-10-27
得票数 0
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
动态筛选有提示,多选也能一个不漏全显示#POWER BI#No.003
Win10 2021新版发布:修复大量BUG更稳定、升起来
四款好看实用的CSS表格样式分享
脱离预览标签,第三方文件管理器Files 2.4 版本发布
交互式原型设计神器:Axure RP 9 for Mac
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券