E020 - alex1221/bootlint-customization GitHub Wiki

E020

.radio-inline 必须在 <label> 元素上

错误的:

<span class="radio-inline">
  <input type="radio" name="someInlineRadioOptions" id="inlineRadio1" value="option1" /> Option one
</span>
<span class="radio-inline">
  <input type="radio" name="someInlineRadioOptions" id="inlineRadio2" value="option2" /> Option two
</span>

正确的:

<label class="radio-inline">
  <input type="radio" name="someInlineRadioOptions" id="inlineRadio1" value="option1" /> Option one
</label>
<label class="radio-inline">
  <input type="radio" name="someInlineRadioOptions" id="inlineRadio2" value="option2" /> Option two
</label>

.radio-inline 类的用法不正确。正确的DOM结构是 label.radio-inline>input[type="radio"]

.radio-inline 需要特定的DOM结构。不可能有任何中间层的元素。

错误的:

<label class="radio-inline">
  <span class="my-awesome-wrapper">
    <input type="radio" name="someInlineRadioOptions" id="inlineRadio1" value="option1" /> Option one
  </span>
</label>
<label class="radio-inline">
  <span class="my-awesome-wrapper">
    <input type="radio" name="someInlineRadioOptions" id="inlineRadio2" value="option2" /> Option two
  </span>
</label>

正确的:

<label class="radio-inline">
  <input type="radio" name="someInlineRadioOptions" id="inlineRadio1" value="option1" /> Option one
</label>
<label class="radio-inline">
  <input type="radio" name="someInlineRadioOptions" id="inlineRadio2" value="option2" /> Option two
</label>
⚠️ **GitHub.com Fallback** ⚠️