选择单选按钮时保留其边框效果

我有两个无线电类型选项。当我选择一个选项时，会标记蓝色边框。问题是，如果我点击其他地方，边框效果就会消失。我希望无论我点击哪里，蓝色边框效果都会保留，除非我切换到其他选项。另外，我怎样才能将“跨度”中的价格放在右侧，并将产品名称保留在左侧？.checkbox-custom,.radio-custom{opacity:0;position:absolute;}.checkbox-custom,.ch

P粉769045426 2023-09-03 21:25:38 0  1  562

如何为表格中的列制作边框？

我需要制作一个如屏幕截图所示的表格：我得到了什么结果：问题：我无法像“已注册”列的屏幕截图中那样制作绿色边框。问：如果是表格，如何制作这个边框？我尝试在div上重写它，但没有任何效果我的风格.container{table{width:100%;border-collapse:collapse;thead{tr{th{padding-bottom:18px;width:230px;&:fi

P粉176151589 2024-01-16 19:25:40 0  2  462

html - css 如何添加这种边框?

如图所示，要怎样才能实现这种效果,给图片四个角添加边框

伊谢尔伦 2017-05-16 13:34:16 0  6  962

我如何创建一个按钮的边框，使其在其内容之外浮动几个像素？

我想创建一个如下所示的边框，但不确定如何使用CSS来实现这一点，有人可以帮忙吗？当前代码包含我想要这种样式的按钮。<liclass="nav-itembutton"><aclass="nav-link"href="#"><svgxmlns="http://www.w3.org/2000/svg&qu

P粉633075725 2023-09-08 17:01:07 0  1  531

如何使用 svg 或 css 创建混合直线/曲线截面边界？

对于我的应用程序，我正在创建一个具有非标准部分边界的注册页面。您可以在这里看到我试图实现的效果：这不是一个简单的圆弧——它有两条直线，而且中间还有一个圆弧。据我所知，实现此类目标的最佳方法是使用SVG。问题是，白色区域将有一个图像覆盖整个区域。出于演示目的，我将使用浅蓝色。如果您使用带有background-image属性的标准div，则SVG的白色不透明，因此您会得到以下结果：提示稍后阅读sha

P粉920835423 2023-09-02 11:35:13 0  1  644

边框渐变与border-radius是否兼容？

我正在为一个具有圆角边框（border-radius）的输入框添加样式，并尝试为该边框添加渐变效果。我可以成功地创建渐变和圆角边框，但两者不能同时生效。要么是有圆角但没有渐变，要么是有渐变但没有圆角。-webkit-border-radius:5px;-webkit-border-image:-webkit-gradient(linear,00,0100%,from(#b0bbc4),to(#ce

P粉824889650 2023-08-21 20:39:38 0  2  516

javascript - JS事件冒泡问题

结案：改用CSS来实现此动效了。 谢谢各位的帮助，改用CSS来现实此动效了。 1、我在下述代码中监听了a标签的mouseover和mouseout事件来触发canvas动画，在mouseover、mouseout的回调中阻止了事件冒泡，但当鼠标移...

学习ing 2017-06-12 09:32:56 0  3  839

vue 和 vuetify 组件上的鼠标悬停效果

因此，我尝试重新创建鼠标悬停效果，如以下文章中的示例所示：https://blog.prototypr.io/stunning-hover-effects-with-css-variables-f855e7b95330但就我而言，我希望使用Vue.js将悬停效果应用到vuetify库中的v-card上。所以这是我的尝试：https://codepen.io/pokepim/pen/NWdwOEq现

P粉032649413 2024-03-27 16:31:16 0  1  458

可以将边框半径与具有渐变的边框图像一起使用吗？

我正在设计一个具有圆形边框（边框半径）的输入字段，并尝试向所述边框添加渐变。我可以成功地制作渐变和圆形边框，但是两者都不能一起工作。它要么是没有渐变的圆角，要么是带有渐变但没有圆角的边框。-webkit-border-radius:5px;-webkit-border-image:-webkit-gradient(linear,00,0100%,from(#b0bbc4),to(#ced9de))

P粉633733146 2023-08-29 12:52:01 0  2  577

css3 - css字体样式加填充色而不是背景色

有个字体样式如下： 想要在心里面加上颜色而不是整个包裹心的span都有颜色错误的效果如下： span定义如下： {代码...} 如果加上background-color的话会出现上图的效果，直接用color只会心形的边框有颜色，现在想...

天蓬老师 2017-06-08 11:02:27 0  2  1289

javascript - 怎么把文字放在border-top的中间位置

如图所示，如何让文字放在上边框的中间位置的实现或思路。

某草草 2017-05-19 10:44:10 0  3  585

禁用边距折叠的方法分享

有没有一种方法可以完全禁用边距折叠？我找到的唯一解决方案（名为“uncollapsing”）是使用1像素的边框或1像素的填充。我觉得这是不可接受的：多余的像素会无端复杂化计算。有没有更合理的方法来禁用这种边距折叠？

P粉530519234 2023-08-21 23:21:12 0  2  495

javascript - tabs-当前标签下边框如何去除？

如图，section2的下面边框如何去除?这里有实例：http://jsfiddle.net/996Bw/。求解。谢谢。

迷茫 2017-06-21 10:12:39 0  1  903

flex css - 在一定高度后剪辑元素而不是换行

边框代表静态高度和宽度。我希望第5项和第6项保留在第二行，并剪掉第3项和第6项，而不是如图所示第三次包裹。我如何通过Flex实现这一目标？为了补充这个问题，容器的宽度（用边框显示）可以通过用户操作调整大小。当它很宽时。例如，如果它的宽度足以容纳4个元素，则它将在第一行中显示所有4个元素，而在第二行中显示其余的元素。当我们折叠容器的宽度时，我希望它最多有2行，如下图所示。我希望结果看起来像这样以便可

P粉785957729 2024-04-01 14:02:02 0  1  541

当bootstrap按钮处于活动状态时，为每个按钮添加阴影/边框的CSS

我正在使用React框架创建前端，并使用Bootstrap5.3进行设计。根据我的理解，Bootstrap现在作为标准已经取消了阴影效果。所以，如果按钮处于激活状态，按钮将不会显示阴影/边框，就像在Bootstrapv5.0文档中所示。https://getbootstrap.com/docs/5.0/components/buttons/不幸的是，我不知道如何直接在代码中自定义单个按钮。是否可以

P粉256487077 2023-08-17 23:54:27 0  1  527

TailwindCSS - 如何使元素的下拉菜单不会将其他元素推出侧边栏中的边界？

我基本上有一个可以包含多个部分（蓝色）的侧边栏，其中每个部分都可以打开/关闭，并且可以包含多个项目（红色）。打开时，我希望展开的元素不要将其他蓝色部分推到边框之外，而是将它们推到边框之外，并在展开的部分上进行溢出y滚动。以下是它的外观(1)和它应该是什么样子(2)的屏幕截图：这里是使用的代码：<divid="container"class="h-96w-52ov

P粉505450505 2023-09-03 19:21:03 0  1  638

SASS样式优先于媒体查询

我正在尝试使用媒体查询来覆盖桌面设备的样式，但似乎不起作用。我将边框颜色设置为h2元素，并进行了测试以更好地可视化此问题。如您所见，h2的边框颜色设置为黄色。这是我的SASS样式：.hero{width:100%;position:relative;background-color:$orange-color;background-image:url("../../../src/asse

P粉953231781 2024-04-05 15:03:00 0  1  3587

在Safari中如何使用CSS在圆形<button>上获得圆形轮廓

我试图获得一个具有相同颜色轮廓的圆形按钮，但这似乎不可能。轮廓最终总是呈正方形。有没有一种方法可以用a来实现这一点，或者它可能只能用a来实现？button{width:40px;height:40px;border:none;border-radius:40px;cursor:pointer;background-color:black;display:inherit;outline:5pxsol

P粉066725148 2023-10-26 09:54:54 0  2  1054

在tailwind.css中，.rounded-lg对表格无效。

目前，我正在使用的是tailwind版本3.3.3。我无法为表格获得圆角效果。我尝试添加一个具有类名"overflow-hidden rounded-lg"的包装容器。这样可以解决圆角问题，但是每个边的边框也消失了。我该如何解决这个问题？我的代码是：PlanN

P粉447495069 2023-07-24 20:47:03 0  1  593

CSS：从具有投影的 Vuetify 对话框内的 div 中删除投影

我有一个对话框，在div上使用CSS添加了一个三角形。但CSS的技巧是边框的一部分是透明的。我试图克服的问题是从透明边框中删除阴影，而不从对话框本身删除阴影。将其添加到div不起作用：box-shadow:none;这是我要删除的内容的图片：创建这个三角形的div上的类是这样的：.arrow-up{width:0;height:0;border-left:25pxsolidtransparent;

P粉826429907 2023-09-13 19:57:28 0  1  631