我如何只在HTML选择元素中显示“箭头”？

概述基本上,我希望能够只显示下拉箭头而不是与该下拉箭头关联的文本框.我不想显示该值,但如果有人更改了选择,则 javascript onchange事件仍将触发. 思想的？ 保罗 仅针对Chrome的解决方案 (也许是webkit一般,但我无法测试) 我在旧的IE7 / 8中试过它,不起作用,因为它也切断了设置宽度的下拉菜单. Firefox没有显示箭头,而是将文本关闭,因为它左对齐. 解决方案如下： 基本上,我希望能够只显示下拉箭头而不是与该下拉箭头关联的文本框.我不想显示该值,但如果有人更改了选择,则 javascript onchange事件仍将触发.

思想的？

保罗

解决方法 仅针对Chrome的解决方案

(也许是webkit一般,但我无法测试)

我在旧的ie7 / 8中试过它,不起作用,因为它也切断了设置宽度的下拉菜单.
firefox没有显示箭头,而是将文本关闭,因为它左对齐.

解决方案如下：

通过CSS设置控件的宽度并将其限制为箭头应该非常容易.我为Chrome构建的简单示例(在其他浏览器中不起作用)：

​<select >    <option value="10000">Something</option>    <option value="100">Other thing</option>    <option value="1">The last option</option></select>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

示例小提琴：http://jsfiddle.net/Fs7G5/

总结

以上是内存溢出为你收集整理的我如何只在HTML选择元素中显示“箭头”？全部内容，希望文章能够帮你解决我如何只在HTML选择元素中显示“箭头”？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。