添加更多文本时,输入类型单选按钮会放大

时间:2018-06-26 11:29:51

标签: javascript html forms reactjs radio-button

这是我的代码的一部分:

<FormGroup>
    <Radio name="radioGroup" inline>
        Osoba prywatna (do 1000zl miesiecznie)
    </Radio>{' '}
    <Radio name="radioGroup" inline>
        Firma (Powyzej 1000zl miesiecznie)
    </Radio>{' '}
    <Radio name="radioGroup" inline>
        3
    </Radio>
</FormGroup>

我正在使用react-bootstrap来渲染Radio元素,但是

<label for='radio'>this is a very long text, which will show my point</label>
<input id='radio' type='radio'/>`

当描述/标签较长时,单选按钮会放大。像这样:

带有Radio组件的示例

enter image description here

带有<label><input/>的示例

enter image description here 为什么会这样呢?我该如何预防呢?

1 个答案:

答案 0 :(得分:0)

好的。原来,这是由我在Linux机器上使用的主题引起的。。。(Adwaita-dark)我怀疑有人会遇到这个问题,但它可能会在几年内挽救一个人。随时关闭

  

无法重现的问题