处理HTML-Select有UTF图标

Question

有这个HTML

<select>
 <option>Foo</option>
</select>

<select>
 <option>Foo</option>
</select>

处理了secodn输入.如何避免这种影响？

Answer 1

UTF 字符比文本高，因此它取代了选择框。

我添加了一些 CSS 来修复它 -vertical-align: middle将选择框彼此对齐；并使line-height: 1.75em角色可见。

select {
    vertical-align: middle;
    height: 1.75em;
}

<select>
 <option>Foo</option>
</select>

<select>
 <option>Foo</option>
</select>