通过伪元素创建输入无线电：之前

Question

我使用简单的ul结构制作了一个项目列表，我想在每个项目的左侧放置无线电输入。

非常简单，但我已经知道是否有可能使用:before生成这些无线电作为伪元素。

出于测试目的，我尝试向元素添加appearance: radio;属性，但它只能直观地工作。它不可点击，我无法弄清楚为什么......

所以我的问题是，是否可以创建伪功能输入元素？我该怎么做才能让它可点击？

＆＃13;

＆＃13;

div:before {
    appearance:radio;
    -moz-appearance:radio;
    -webkit-appearance:radio;
    content: "";
}

＆＃13;

<div>test</div>

＆＃13;

＆＃13;

＆＃13;