如何更改复选框背景色与周围的白色
[英]How to change checkbox background color with white color around
我正在寻找一种解决方案，如何在复选框周围使用填充或白色更改css背景颜色，我尝试过使用边距，填充高度等进行尝试，但是没有运气。 因此，当用户单击复选框时，它将显示背景颜色，并且可以正常工作，但是我想在复选框周围使用白色填充，可以吗？ .checkbox { margin: 0 ...
如何设置CSS网格以显示未知数量的动态数据
[英]How set CSS grid to display unknown number of dynamic data
我从数据库接收到未知数量的图像，如何设置CSS网格以容纳任意数量的图像。 示例前四个图像。 如何使所有图像遵循一定的规则。 ...
如何在按钮内正确集中跨度？
[英]How to properly centralize span inside a button?
我试图通过在按钮内创建一个跨度并在它们之间设置一些填充差异来为渐变边框显示渐变边框。 它在codepen上工作得很好，但当我将它传递到我的网站时，会发生一些事情，这些标签突然停止对齐。 但是，这是设置跨度集中在按钮内以模拟边框的最佳方法吗？ body{ backgro ...
如何更改图像宽度以填充所有容器，或使其居中对齐？
[英]How to change image width to fill all of the container, or align it to center?
我正在设置一个光滑的滑块，我希望使用我用来填充所有容器的图像，但是取而代之的是，它填充了部分图像，该部分向左对齐，具体取决于图像的宽度。 我该如何解决？ 或在中央显示图片... 您可以在这里看到我的意思： https : //fantarimo.blogspot.com/2019/05 ...
为什么css mix-blend-mode：color; 覆盖白色以外的所有颜色，而不是白色和黑色以外的所有颜色？
[英]Why does css mix-blend-mode: color; cover all colors except white instead of all colors except white and black?
我试图弄清楚为什么mix-blend-mode: color; CSS选择器和值会影响白色以外的所有颜色，而不是影响白色和黑色以外的所有颜色。 有人可以向我解释为什么会这样吗？ ...
如何通过另一侧高度填充儿童用品的高度;
[英]How to fill child items height by other side by side height;
我正在尝试用css和html做一些块，其中很少有固定高度，例如你看到200px，但其他需要动态/灵活，需要被其他高度拉伸。 C，G，H块需要是动态的，并且通过相反的块最大当前高度和内容来拉伸。 在图片中，您看到区块离开区域，C，G，H区块需要处于绘制红线的高度; 想象一下我想说的话 ...
在嵌套的flexbox列中滚动内容（具有动态高度）
[英]Scrolling content within nested flexbox columns (with dynamic heights)
我有一个带有全局页眉和页脚（具有动态高度）的页面，在页面剩余区域的中心有一张卡片，该卡片根据卡片中的内容而缩小或增大。 卡本身还具有页眉和页脚，我需要在页面上保持可见，而中间的内容是滚动的部分。 我最困难的时间试图弄清楚如何做到这一点。 编辑：我知道我可以通过给卡片内容设置最大高度 ...
如何在不中断菜单的情况下改变价格大小？
[英]How to change size of prices without disrupting the menu?
我一直试图让价格的大小改变，但每当我这样做时，它会在虚线之上而不是保持在它之上。 //hide all the pages and display the home page $('.page').hide(); $($('.page')[0]).show(); $($('.pa ...
根据柔性物品的数量确定容器的宽度
[英]determining width of container based on how many flex items
我正在创建一个图表小部件，并希望根据完成的项目数在其上添加背景覆盖。 有没有办法确定例如。 有7个单元（项目），然后说已经完成了，那么这个阴影容器会覆盖屏幕的30％吗？ 但不是使用百分比，而是使用弹性项目的数量（3/7）？ .chart { display: flex; ...
当同一行上的其他弹性项目具有不同的高度时，绝对定位会中断
[英]Absolute positioning breaks when other flex items on the same row have different heights
当同一行上的另一个伸缩项目的高度不同时，绝对定位会中断。 阅读更多按钮的位置应与第一张卡（标题为“ Sky High WiFi”）上的位置相同。 由于第二张卡片上的文章描述较短，因此导致“阅读更多”按钮向上移动。 在下面的代码中，当同一行上的两个子级具有不同的高度时，如何防止绝对 ...
如何实现jquery垂直魔术线？
[英]how to achieve jquery vertical magic line?
我需要在单击li元素时移动此边框我正在为li元素创建一个可移动边框，我尝试将jquery-magicline-navigation实现为垂直使用top但是移动边框获得的所有顶部值都相同李元素 $(document).ready(function() { $("#subscript ...
如何使用jQuery向对象添加平滑过渡？
[英]How to add smooth transition to an object using jQuery?
在编写导航栏代码的阶段，我正在创建一个HTML网站。 我正在使用Bootstrap进行样式设置，并且我有一个jQuery函数来更改有关颜色的导航栏的类。 当颜色改变时，我想要一个平滑的过渡。 我怎么做？ $(document).ready(function() { getS ...
如何使用SVG形状进行图像裁剪？
[英]How to do Image clipping by using SVG shapes?
任何人都可以指导我如何使用SVG独特的形状做CSS图像剪辑路径？ 有些人建议使用像SVG Injector这样的第三方插件。 任何人都可以帮助我如何实现在所有浏览器中都能运行的任务？ 我给出了一个示例图像，以使其更好地理解。 请检查下面的图像。 http://ktdev. ...
CSS-将边框图像缩放到边框宽度或特定百分比
[英]CSS - Scale border image to the border width or to a specific percentage
我有以下代码： .container { width: 600px; height: 344px; background-color: rgb(255, 245, 187); } .frame { margin: 0px auto; width: 275.2px; height: ...
如何将flex div中的1个项目完全弯曲到另一个flex div中？
[英]How do I flex 1 item of a flex div all the way right when its inside another flex div?
我的业余爱好网站的博客卡底部似乎有些问题。 如您所见，即时通讯试图在左侧使用标准的作者名称，在右侧使用类似的符号。 无论出于什么原因，我都无法一路向右弯曲。 我将父容器的宽度设置为100％。 我已经尝试了所有align-self。 但是我似乎无法使其正常工作并向专业人士寻求帮 ...
背景图像和背景网址中的属性
[英]Attribute in background-image and background url
我正在尝试将滤镜应用于我的背景图像但是我遇到了CSS属性URL和线性渐变的问题。 我想要有背景图片 .bg-image-full { background: no-repeat center center scroll; -webkit-background-size: cov ...
如何让z-index工作，它拒绝玩球
[英]how to I get z-index to work, it is refusing to play ball
我希望能够让它当你将鼠标悬停在导航栏上时，下拉菜单位于主要内容的上方/上方，但是当菜单下降时，它会将主图像向下推，而不是坐在我希望z-index属性可以做到最好。 我已将导航div设置为相对，并将主要部分div设置为相对但仍然没有快乐！ 有人可以提供帮助吗？ ...
在div和图像上的悬停效果在CSS中不起作用
[英]Hover effect on div and image is not working in css
我有一个包含图像的div [该图像用作按钮的目的]。 我想让div或img成为更多用户。 为此，我尝试在其上悬停时创建一个边框。 但是它不起作用。 请看我的代码 .pa-img, .img-div{ cursor:pointer; } .img-div:hover { b ...
如何通过CSS将图像缩放到其原始大小？
[英]How to scale an image to its original size by CSS?
我将CSS放大为 的HTML 的CSS JSFIDDLE 与其将缩放比例放大一个给定的因子（此处为2），我如何将照片放大到其原始尺寸和纵横比？ 我希望将鼠标悬停时显示的原始大小为550x368 ，而不是640x640的大小。 ...
如何设置输入标签的TEXT高度？
[英]How to set TEXT height for input tag?
我需要将文本输入到整个宽度，然后转移到新行。 线的数量不受限制。 因此，文本从输入标记的开头开始而不是在中间。 我试图设置高度但只改变输入的高度（不是文本字段的高度）。 HTML CSS 通常，您需要将文本放在顶部并创建无限高度，并在填充块的宽度时转移到另一 ...