html %3c2%3e标签怎么向右偏移,HTML单选按钮CSS不工作-优快云博客

我正在使用CSS自定义单选按钮的无线电。我将背景图像应用于标签并隐藏原始输入单选按钮。不知道为什么背景图像没有被选中或未选中。HTML单选按钮CSS不工作

代码：

.frm-radio input[type="radio"] {

display: none;

}

.frm-radio::before {

cursor: pointer;

display: inline-block;

height: 16px;

width: 16px;

overflow: hidden;

content: "";

background-image: url("data:image/svg+xml,%0A%3Csvg%20fill%3D%22%23262626%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.42%200-8-3.58-8-8s3.58-8%208-8%208%203.58%208%208-3.58%208-8%208z%22%3E%3C%2Fpath%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");

background-repeat: no-repeat;

background-size: 16px 16px;

}

.frm-radio input[type="radio"]:checked+.frm-radio::before {

background-image: url("data:image/svg+xml,%0A%3Csvg%20fill%3D%22%23262626%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M12%207c-2.76%200-5%202.24-5%205s2.24%205%205%205%205-2.24%205-5-2.24-5-5-5zm0-5C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm0%2018c-4.42%200-8-3.58-8-8s3.58-8%208-8%208%203.58%208%208-3.58%208-8%208z%22%3E%3C%2Fpath%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");

}

Radio

2017-06-26

ASD

在CSS中，您不能选择“向上”，这意味着您不能根据元素的内容(您正在尝试执行的操作)来设置元素的样式。此外，CSS规则仅适用于选择器中的最后一个元素(class，id，...)。 –

您的选择器('+')仅在输入后的标签*后才起作用。它不适用于标签内的输入。例如：https：//jsfiddle.net/yvcr2cwt/ –