gpt4 book ai didi

html - IE 8 固定宽度选择问题

转载 作者:搜寻专家 更新时间:2023-10-31 22:08:28 25 4
gpt4 key购买 nike

我必须在我的 html 中为 select 指定宽度。

它在所有浏览器中都能正常工作,除了 IE8,它会剪切超过宽度的文本

CSS

select {
border: 1px solid #65A6BA;
font-size: 11px;
margin-left: 22px;
width: 166px;
}

HTML

<select>
<option value="1">Some text</option>
<option value="2">Text Larger Than the Width of select</option>
<option value="3">Some text</option>
<option value="4">Some text</option>
<option value="5">Some text</option>
</select>

DEMO

我对 js、jquery 解决方案持开放态度,但更喜欢纯 css 解决方案

最佳答案

修复了!

这是修改后的 jsFiddle:http://jsfiddle.net/PLqzQ/

诀窍是添加 focus选择器添加到您的 CSS,使其看起来像这样:

select {
border: 1px solid #65A6BA;
font-size: 11px;
margin-left: 22px;
width: 166px;
overflow:visible ;
}

select:focus { width:auto ;
position:relative ;
}​

我在 IE8 中对其进行了测试,它非常有效。

非常重要:您必须在您的代码中添加 Doctype 定义,否则该修复程序将不适用于 IE8。

例子 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

关于html - IE 8 固定宽度选择问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12318057/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com