單選按鈕旁邊的文本不是垂直對齊的

Question

您好，我試圖在我的單選按鈕旁邊垂直對齊文本，但它崩潰了。

 .radio { cursor: pointer; display: inline-flex; }.cui-a-radio-button__input { display: none; }.cui-a-radio-button__input:disabled +.cui-a-radio-button-style { opacity: 0.3; }.cui-a-radio-button-style { border-radius: 50%; margin-right: 10px; box-sizing: border-box; padding: 2px; display: -webkit-inline-box; display: -ms-inline-flexbox; }

 <label for="Radio3" class="radio"> <input type="radio" name="RadioField" id="Radio3" class="cui-a-radio-button__input" disabled> <div class="cui-a-radio-button-style">disabled</div> </label>

我試圖將“垂直對齊：頂部”添加到 label 但 id 不起作用。 結果我有：

Answer 1

嘗試在你的廣播課上添加align-items:center ！

Answer 2

要在單選按鈕旁邊顯示文本，只需將文本放在input標簽內。 label標簽用於其他目的。

    <input type="radio" disabled> disabled </input>