css 相关问题

这可行，但是可以吗？ https://jsfiddle.net/h8dpyqbj/1/ .custom-bg { --bs-table-accent-bg: var(--bs-danger-bg-subtle); } ... 这可行，但是可以吗？ https://jsfiddle.net/h8dpyqbj/1/ .custom-bg { --bs-table-accent-bg: var(--bs-danger-bg-subtle); } <table class="table table-sm"> <thead> <tr> <th> A </th> <th> B </th> </tr> </thead> <tbody> <tr class="custom-bg"> <td>Hi 1</td> <td>Hi 1</td> </tr> <tr> <td>Hi 2</td> <td>Hi 2</td> </tr> </tbody> </table> 使用 Bootstrap 4，我可以做到 .class { background-color: red; }，但这在 BS 5 中被破坏了，现在我不确定正确的方法。注意：如果不明显，我只想通过使用 JS 以编程方式向行添加类来自定义特定行。使用 CSS 变量自定义 Bootstrap 5 表格行的背景颜色是实现所需样式的有效而简洁的方法。您使用 --bs-table-accent-bg 变量的方法是正确的，并且利用了 Bootstrap 的内置自定义功能。但是你也可以通过 css 中的 html 元素选择器来实现这一点。

css twitter-bootstrap bootstrap-5

回答 1 投票 0

带有 CSS 或 jQuery 的非常宽的细花括号

有没有办法用 CSS / jQuery 得到又宽又细的大括号？简单地缩放 div 也会缩放线宽，因此当大括号变得太大时会变得难看。有没有办法用 CSS / jQuery 获得又宽又细的大括号？简单地缩放div也会缩放线宽，因此大括号变得太大时会变得难看。 <div id="braces" style="font-size:20px;">{</div> $("#braces").css({ "transform" : "scale(4,25)" }); 这段代码给了我非常非常大和窄的大括号，但我想要非常细的大括号，其中只有“手臂”变得更长。有人知道如何实现这一目标吗？我不擅长 HTML / CSS，但我尽力了。 .brace { width: 2em; height: 3em; } .brace_part1 { border-left: 2px solid black; border-top-left-radius: 12px; margin-left: 2em; } .brace_part2 { border-right: 2px solid black; border-bottom-right-radius: 12px; } .brace_part3 { border-right: 2px solid black; border-top-right-radius: 12px; } .brace_part4 { border-left: 2px solid black; border-bottom-left-radius: 12px; margin-left: 2em; } <div class="brace brace_part1"></div> <div class="brace brace_part2"></div> <div class="brace brace_part3"></div> <div class="brace brace_part4"></div> 我最终使用的解决方案是： var canvas = document.getElementById('myCanvas'); var context = canvas.getContext('2d'); var height = canvas.height; var space = 5; var radius = 7; var linelength = height / 2; context.lineWidth = 4; context.beginPath(); context.moveTo(20 + radius, space); context.arcTo(20, space, 20, space + radius, radius); context.lineTo(20, linelength - radius); context.arcTo(20, linelength, 20 - radius, linelength, radius); context.arcTo(20, linelength, 20, linelength + radius, radius); context.lineTo(20, height - space - radius); context.arcTo(20, height - space, 20 + radius, height - space, radius); context.stroke(); <canvas id="myCanvas" width="50" height="300"></canvas> 这是非常不正统且非常丑陋的，但你可以重复花括号并将每个大括号每次向左偏移一个像素： HTML <span id="cont"><span>}</span><span>}</span><span>}</span></span> CSS #cont{position:relative; font-size:32px;} #cont span{position:absolute;top:0; left:0;} #cont span:nth-child(2){left:1px} #cont span:nth-child(3){left:2px} 就像我说的，真的很丑而且很老套。但我认为没有办法增加“厚度”——除了粗体，这是有限的。 JSFiddle 或者使用 jQuery 为您完成： $orig = $('#orig'); for(i=0;i<5;i++){ $orig.clone().css({left:i+1}).appendTo($('#cont')); } for()限制是复制大括号的次数。 JSFiddle

jquery css

回答 3 投票 0

css 相关问题

最新问题