Css virtuemart中的单选按钮新行文本

我是新的编码，我使用的是最新版本的joomla。我对virtuemart自定义字段中的单选按钮有问题。在firefox中，单选按钮如下所示：

但在铬合金中，它们看起来不同。每行有一个收音机，然后是文本，然后是收音机

我希望它看起来像这样：

此外，当标签名较长时，这种方法效果很好，但当标签名较短时效果不太好

.radio..checkbox{
左侧填充：18px；
}
标签{
颜色：#333333；
边缘底部：5px；
最大宽度：90%；
}
标签、输入、按钮、选择、文本区域{
字体大小：正常；
显示：内联；
}
输入[type=“radio”]，输入[type=“checkbox”]{
显示：块；
右边距：10px；
边界：无；
}
布局。css:252
输入[type=“image”]、输入[type=“checkbox”]、输入[type=“radio”]{
边界半径：0；
光标：指针；
高度：自动；
线高：正常；
保证金：3px0；
填充：0；
宽度：自动；
}
布局。css:247
标签输入、标签文本区域、标签选择{
显示：块；
}
布局。css:294
输入，文本区{
-moz过渡：边框0.2s线性0s，框阴影0.2s线性0s；
盒影：0 1px 1px rgba（0,0,0,0.075）插页；
}
布局。css:231
输入，文本区域，选择，#高级搜索切换，输入。搜索-查询{
边框：1px实心#中交；
边界半径：3px；
显示：内联块；
边缘底部：9px；
填充：4px；
}
布局。css:220
标签、输入、按钮、选择、文本区域{
字体大小：正常；
显示：内联；
}
用户代理样式表
输入[type=“radio”i]{
保证金：3px 3px 0px 5px；
}
用户代理样式表
输入[type=“radio”i]{
-网络工具包外观：收音机；
框大小：边框框；
}
用户代理样式表
输入[type=“radio”i]，输入[type=“checkbox”i]{
背景色：首字母；
保证金：3px0.5ex；
填充：初始；
边界：首字母；
}
用户代理样式表
输入{
-webkit外观：textfield；
背景色：白色；
-webkit rtl排序：逻辑；
用户选择：文本；
光标：自动；
填充：1px；
边框宽度：2倍；
边框样式：插图；
边框颜色：首字母；
边界图像：初始；
}
用户代理样式表
输入，文本区，选择，按钮{
文本呈现：自动；
颜色：首字母；
字母间距：正常；
字距：正常；
文本转换：无；
文本缩进：0px；
文本阴影：无；
显示：内联块；
文本对齐：开始；
边距：0em；
字体：13.3333px Arial；
}
用户代理样式表
输入、文本区域、选择、按钮、仪表、进度{
-webkit写作模式：水平tb；
}

---

我在这里尝试了许多建议，但每当做了更改，就会出现一些问题。Firefox和chrome之间的不兼容也令人沮丧。

您可以将单选按钮包装在另一个标签中，并使其显示块，这样该项目将被堆叠

HTML

男性
女性
其他

---

对于div，您不需要display:block属性

@ace这有帮助吗？

<div><input type="radio" name="gender" value="male" checked> Male</div>
<div><input type="radio" name="gender" value="female"> Female</div>
<div><input type="radio" name="gender" value="other"> Other</div>