Html 如何在输入检查时居中选择单选按钮？

我试图将单击单选按钮时出现的蓝色圆圈居中

正文{
保证金：3em；
字体大小：24px；
字体系列：arial；
}
/*输入控件*/
标签{
线高：1米；
位置：相对位置；
溢出：显示；
光标：指针；
右边距：1米；
}
标签输入{
保证金：0.15em0；
填充：0；
垂直对齐：中间对齐；
光标：指针；
位置：相对位置；
顶部：-.1米；
}
输入[type=“radio”]，输入[type=“checkbox”]{
位置：相对位置；
显示：内联块；
宽度：1米；
高度：1米；
字号：1em；
线高：1
}
输入[type=“radio”]：之前，输入[type=“radio”]：之后，输入[type=“checkbox”]：之前，输入[type=“checkbox”]：之后{
宽度：100%！重要；
身高：100%！重要；
显示：内联块；
内容：''；
字体系列：“图标普雷斯托”，幻想！重要；
字体风格：正常！重要；
字体大小：正常！重要；
线高：1；
}
输入[type=“radio”]：在之前，输入[type=“checkbox”]：在之前{
背景：rgb（254234）；
背景：线性渐变（到底部，rgba（255255255,1）0%，rgba（254234234,1）100%）；/*W3C-添加浏览器扩展版本以提高向后兼容性*/
边框：1px实心rgb（204170170）；
盒影：1px1px1pRGBA（0,0,0,1）；
位置：相对位置；
排名：0；
左：0；
}
输入[type=“radio”]：之后，输入[type=“checkbox”]：之后{
颜色：rgb（65146238）；
位置：绝对位置；
不透明度：0；
文本对齐：居中；
排名：0；
左：0；
}
输入[type=“radio”]：选中：之前，输入[type=“checkbox”]：选中：之前{
背景：rgb（234254）；
背景：线性梯度（至底部，rgba（214214254,1）0%，rgba（255255,1）100%）；/*W3C*/
边框颜色：rgba（65146238.5）；
盒影：1px 1px 1px rgba（0,0,0,1）插图；
}
输入[type=“radio”]：在{
边界半径：2米；
}
输入[type=“radio”]：在{
内容：“•”；
字号：2em；
线高：.35；
左：.025em；
}
输入[type=“radio”]：悬停：之后{
不透明度：.25；
}
输入[type=“radio”]：选中：之后{
不透明度：1；
}
输入[type=“checkbox”]：在{
边界半径：.25em；
颜色：rgba（1700,0）；
}
输入[type=“checkbox”]：在{
内容：“✔";
}
输入[type=“checkbox”]：悬停：在{
不透明度：.25；
}
输入[type=“checkbox”]：选中：之后{
不透明度：1；
}

选择1
选择2
选择3
选择4

复选框1
复选框2
复选框3
复选框4

更新此项。它可能会解决您的问题

input[type="radio"]:after {
      content: "•";
  font-size: 2em;
  line-height: .55;
  left: .025em;
}

正文{
保证金：3em；
字体大小：24px；
字体系列：arial；
}
/*输入控件*/
标签{
线高：1米；
位置：相对位置；
溢出：显示；
光标：指针；
右边距：1米；
}
标签输入{
保证金：0.15em0；
填充：0；
垂直对齐：中间对齐；
光标：指针；
位置：相对位置；
顶部：-.1米；
}
输入[type=“radio”]，
输入[type=“checkbox”]{
位置：相对位置；
显示：内联块；
宽度：1米；
高度：1米；
字号：1em；
线高：1
}
输入[type=“radio”]：在，
输入[type=“radio”]：在，
输入[type=“checkbox”]：在，
输入[type=“checkbox”]：在{
宽度：100%！重要；
身高：100%！重要；
显示：内联块；
内容：''；
字体系列：“图标普雷斯托”，幻想！重要；
字体风格：正常！重要；
字体大小：正常！重要；
线高：1；
}
输入[type=“radio”]：在，
输入[type=“checkbox”]：在{
背景：rgb（254，234，234）；
背景：线性梯度（到底部，rgba（255，255，255，1）0%，rgba（254，234，234，1）100%）；
/*W3C-添加浏览器扩展版本以提高向后兼容性*/
边框：1px实心rgb（204170170）；
长方体阴影：1px1px1pRGBA（0,0,0,1）；
位置：相对位置；
排名：0；
左：0；
}
输入[type=“radio”]：在，
输入[type=“checkbox”]：在{
颜色：rgb（65146238）；
位置：绝对位置；
不透明度：0；
文本对齐：居中；
排名：0；
左：0；
}
输入[type=“radio”]：选中：在，
输入[type=“checkbox”]：选中：之前{
背景：rgb（234234254）；
背景：线性梯度（到底部，rgba（214214254，1）0%，rgba（255，255，255，1）100%）；
/*W3C*/
边框颜色：rgba（65146238.5）；
盒影：1px 1px 1px rgba（0,0,0,1）插入；
}
输入[type=“radio”]：在{
边界半径：2米；
}
输入[type=“radio”]：在{
内容：“•”；
字号：2em；
线高：.55；
左：.025em；
} 
输入[type=“radio”]：悬停：之后{
不透明度：.25；
}
输入[type=“radio”]：选中：之后{
不透明度：1；
}
输入[type=“checkbox”]：在{
边界半径：.25em；
颜色：rgba（170、170、170、0）；
}
输入[type=“checkbox”]：在{
内容：“✔";
}
输入[type=“checkbox”]：悬停：在{
不透明度：.25；
}
输入[type=“checkbox”]：选中：之后{
不透明度：1；
}

选择1
选择2
选择3
选择4

复选框1
复选框2
复选框3
复选框4

问题中包含代码。始终如此。请参见如何创建和