css – 如何在用户选择一个选项后扩展“选择”选项宽度

也许这是一个容易的问题,也许不是。我有一个选择框,我硬编码宽度。说120px。
<select style="width: 120px">
  <option>REALLY LONG TEXT,REALLY LONG TEXT,REALLY LONG TEXT</option>
  <option>ABC</option>
</select>

我想要显示第二个选项,以便用户可以看到文本的全长。

像其他一切这在Firefox中工作正常,但不能与Internet Explorer6一起使用。

解决方法

如果您使用< select>中的固定方式预先存在选项,并且不想以编程方式更改宽度,则可能会失去运气,除非您有一点创意。

>您可以尝试设置每个选项的title属性。这是非标准的HTML(如果您在此处关注此次轻微违规),但IE(以及Firefox)将在鼠标悬停的鼠标弹出窗口中显示整个文本。
>当用户选择某些东西时,您可以使用JavaScript来显示某些定位的DIV中的文本。 IMHO这是不太好的方式来做,因为它需要JavaScript来完成工作,只有在选择了某些东西之后,才能使用该选项。
>你根本不使用选择框,但是implement it’s functionality using other markup and CSS.不是我最喜欢的,但我想提到它。

如果您以后通过JavaScript添加一个长选项,请查看:How to update HTML “select” box dynamically in IE

相关文章

前言 最近项目做完,用户需要兼容IE,于是开展了兼容性的调整工作。边调整边想感叹IE真是个沙雕。。特将...
前言 有些属性不是很常用,但是工作中遇到了,记录一下,方便学习。 1、text-indent text-indent 属性规...
前言 政府网站会遇到公祭日的时候,网站整体颜色变灰的情况。今天正好调了一下。在此把解决方案分享给大...
需求 项目里有个消息中心,当有消息的时候,小铃铛图标可以晃两下,提示当前有信息。 实现过程 书写css...
html代码 css代码 效果图
在一些界面上 , 如果每个icon都去找图片还是相当麻烦的 , 直接使用css画出icon就方便的多了 , 下面两个...