请js高手帮忙看下，我想用select那个下拉按钮，但是点击的时候不想让它出现下拉框，怎么搞？

Posted 2023-04-17

如果把select设置成disabled，那么颜色就不正常了。
我能想到的其他方式如截获鼠标左键事件，修改下拉框大小都没搞定，哪位高手还有办法？
感谢大家的回答，文本框+图片的方式我想到了，不过网页中其他列表选项是可以枚举的，所以用的是select。我希望和其他列表风格保持一致，所以想用select对象来弄。不同浏览器对select的解析效果是不一样的，所以用图片可能风格有差异。

不一定非得要用select标签去模仿,用图片更简单.
把那个下拉按钮截图,做成input type=text的背景图片,背景右对齐就行了.

那你可以试试禁止onmousedown,这个我在Firefox下试了试,是可以的,不知道其它浏览器怎样,你可以自己试试,代码如下:
<select onmousedown="javascript:return false;"><option>111</option></select>追问

我也在firefox下试了，不行哦。其他浏览器也是。

追答

真奇怪,我在Firefox下试是可以的,不会展开下拉列表,在Chrome和Opera下也都可以实现,唯独IE没办法测试.难道和系统有关?我是非Windows平台.也可能是和声明的文档类型有关吧.我的测试代码,你可以自己试一下

111

参考技术A 不给select下面添加option，就写一个空的select。
<select></select>追问

这样是不行的，你自己试试看就知道了。浏览器会解析成一个空列表。

请教一下高手，怎么改变select下拉菜单的样式。右边那个默认的箭头很丑，怎么换成一个好看的箭头。

最好有源代码。非常感谢！！！

参考技术A 你可以用css控制样式
例如
.scrollbaroverflow:auto;SCROLLBAR-FACE-COLOR: #e8e8e8;SCROLLBAR-HIGHLIGHT-COLOR: #dddddd;SCROLLBAR-SHADOW-COLOR: #CCC;SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;SCROLLBAR-ARROW-COLOR: #AAA;SCROLLBAR-TRACK-COLOR: #FFFFFF;SCROLLBAR-DARKSHADOW-COLOR: #FFF;SCROLLBAR-BASE-COLOR: #FFF;本回答被提问者和网友采纳 参考技术B 网上找啊