纯CSS复选框图像替换
我在表中有一个复选框列表。（该行中的多个CB之一）
<tr><td><input type="checkbox" class="custom_image" value="1" id="CB1" /><label for='CB1'> </label></td></tr>
<tr><td><input type="checkbox" class="custom_image" value="2" id="CB2" /><label for='CB2'> </label></td></tr>
<tr><td><input type="checkbox" class="custom_image" value="3" id="CB3" /><label for='CB3'> </label></td></tr>
<tr><td><input type="checkbox" class="custom_image" value="4" id="CB4" /><label for='CB4'> </label></td></tr>
我想用一对自定义的开/关图像替换复选框图像，我想知道是否有人对如何使用CSS更好地了解？
我已经找到了这个“ CSS ninja”教程，但是我不得不承认发现它对我来说有点复杂。
据我所知，您可以使用伪类
td:not(#foo) > input[type=checkbox] + label
{
background: url('/images/off.png') 0 0px no-repeat;
height: 16px;
padding: 0 0 0 0px;
}
我的期望是，通过添加上述CSS，该复选框至少将默认显示为处于OFF状态的图像，然后添加以下内容以使ON
td:not(#foo) > input[type=checkbox]:checked + label {
background: url('/images/on.png') 0 0px no-repeat;
}
不幸的是，似乎我在某处缺少关键步骤。我尝试使用html" target="_blank">自定义CSS3选择器语法来匹配我当前的设置-但必须丢失一些内容（如果这很重要，则图像尺寸为16x16）
编辑：我在本教程中丢失了一些内容，在该内容中，他将图像更改应用于标签而不是输入本身。我仍然没有在页面上得到复选框结果的预期交换图像，但是我想离得更近了。
问题答案：
您已经关闭了。只需确保隐藏复选框，然后将其与您通过样式设置的标签相关联即可input[checkbox] + label
-
问题内容： 所以我有一个带有复选框的JTable。我想让复选框 在“选中”时包含一个图像，而在“未选中”时包含另一个图像 （即，显示图像而不是选中或未选中的框）。是否 有办法做到这一点？我试着用TableCellRenderer愚弄它 返回带有ImageIcon的JLabel，但是它并不是非常有效。 更具体地说，当复选框处于选中状态或未选中状态时，右侧的图像 就会出现，但是当用户更改复选框状态（鼠
-
问题内容： 好的，因此我在网络上看到了许多用于通过CSS设置复选框样式的解决方案。但是，我正在寻找更强大的功能，而且我想知道是否有人可以提供帮助。基本上，我想拥有这个解决方案，但是能够将CSS特定颜色覆盖在灰色复选框上。我需要这样做是因为我会有许多不同的复选框，每个复选框需要不同的颜色，而且我不想创建大量不同的图像来处理此问题。有人对如何实现这一目标有任何想法吗？ 问题答案： 我创建了一个透明的p
-
关闭图标主要应用于弹窗(dialog)关闭按钮以及弹窗(popup)头部的关闭按钮。 使用 在你项目的App.vue引入，组件内不需要再重复引入。 <style lang="less"> @import '~vux/src/styles/close.less'; </style> 类名 vux-close <span class="vux-close"></span> 可以参考 XDialog
-
问题内容： 我正在尝试使用CSS更改复选框的默认“框图像”，但是它不起作用。有没有办法解决？ 问题答案： 尝试： jQuery
-
问题内容： 任何样式都会影响每个输入元素。有没有一种方法可以指定仅应用于复选框的样式，而无需将类应用于每个复选框元素？ 问题答案： 使用CSS 2，您可以执行以下操作： 到目前为止，这应该得到广泛的支持。
-
如何替换PDF中的图像与另一个图像PDF框。怎么做？ 我想用另一个图像更改pdf上的VisualSignature。