具有UTF图标的HTML-Select的配置
具有UTF图标的HTML-Select的配置
提问于 2017-12-02 20:56:06
拥有这个HTML
<select>
<option>Foo</option>
</select>
<select>
<option>Foo</option>
</select>
对secodn输入进行配置。如何避免这种影响？
回答 4
Stack Overflow用户
发布于 2017-12-15 17:54:26
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>
Stack Overflow用户
发布于 2017-12-21 14:41:42
尝尝这个。
select {
display: inline-block;
vertical-align: middle;
}<select>
<option>Foo</option>
</select>
<select>
<option>Foo</option>
</select>
Stack Overflow用户
发布于 2017-12-21 08:57:45
这将解决两个select元素的处理问题。诀窍是为它们提供position:relative;和float:left;，您可以通过删除height和margin-right并重新运行来确认：
.lineEmUp
{
position:relative;
float:left;
height:28px;
margin-right:5px;
}<select class="lineEmUp">
<option>Foo</option>
</select>
<select class="lineEmUp">
<option>Foo</option>
</select>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/47608125
复制相关文章
相似问题