css单选框怎么改成正方形的

使用css样式可以将表单元素中的单选框改成正方形的，只需要增加一些样式代码即可。

/* 定义单选框的样式 */
input[type="radio"]{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display:inline-block;
    width:20px;
    height:20px;
    border:1px solid #ccc;
    border-radius:50%;
    outline:none;
    Box-shadow:none;
    margin:0;
    padding:0;
}

/* 选中单选框的样式 */
input[type="radio"]:checked{
    background-color:#66c4ff;
}

以上代码中，我们首先定义了单选框的样式，去掉了默认的外观，然后指定了宽度、高度、边框、边框半径等属性。接着，我们对选中的单选框应用了样式，改变了其背景色。

使用以上样式代码，就可以将单选框改成漂亮的正方形了。