html - 如何展开下拉项

标签 html css

如何展开下拉列表(列出的元素)。当我限制下拉列表的大小时,我无法在 IE 中查看列出的元素。

请在 IE 和其他浏览器中运行这段代码 - 你可以看到区别

<html><body><select style='width:20px;'><option>a</option><option>b</option><option>c</option><option>d</option><option>e</option><option>f</option>

请告诉我可以在下拉菜单中使用哪些样式来使它变得更好

最佳答案

是的,在 IE 中,如果您给选择框一个固定宽度,它不会在单击时调整大小以适合内容。

有一些技巧和解决方法,

其中之一是在单击时更改选择框的宽度,然后在取消单击时将其恢复为原始大小。

这可能适用于显示内容,但它通常会破坏网站的布局或使其看起来很奇怪。

这样的东西可以工作,

<select name="selectName" onclick="this.style.width = '120px';" 
        onblur="this.style.width = '20px';">

关于html - 如何展开下拉项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1212102/

相关文章:

php - CKEditor 忽略了我的 CSS

jquery-ui - 如何使css3缩放元素可拖动

jquery - 使用 css3 转换为鼠标移出添加不同的转换速度

html - 使用媒体查询 CSS 的 Internet Explorer 11

javascript - 拉伸(stretch)图像以适应多边形 html5 Canvas

javascript - 棘轮弹出窗口关闭的 JS 回调

html - 使用 HTML 和 CSS 的响应式分屏

java - 如何将数组列表从servlet传递到jsp表?

html - 网络音频API : Merging stream of mp3 sounds to one file and playing it in <audio> tag

css - 使用 CSS 更改输入的 HTML5 占位符颜色在 Chrome 上不起作用