Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript和css的自定义下拉框_Javascript_Html_Css_Dhtml_Html Select - Fatal编程技术网

使用javascript和css的自定义下拉框

使用javascript和css的自定义下拉框,javascript,html,css,dhtml,html-select,Javascript,Html,Css,Dhtml,Html Select,是否可以使用javascriit和css创建自定义下拉框 为此,我需要使用javascript为下拉框放置一个背景图像 如果是或否?如果有的话。你有什么建议吗 如果不使用JQuery,您可以签出您可以签出这可能有些过分;但是,它为您提供了由图像而不是本地HTML元素组成的输入元素。可能还有其他框架做类似的事情 正如CrazyJugglerDrummer所建议的那样,基本思想是创建一个div或其他东西,并在其上放置单击处理程序。处理程序设置动画以模拟选择元素。当您的一个伪选择项被选中时,您可以使用

是否可以使用javascriit和css创建自定义下拉框

为此,我需要使用javascript为下拉框放置一个背景图像

如果是或否?如果有的话。你有什么建议吗


如果不使用JQuery,您可以签出

您可以签出

这可能有些过分;但是,它为您提供了由图像而不是本地HTML元素组成的输入元素。可能还有其他框架做类似的事情


正如CrazyJugglerDrummer所建议的那样,基本思想是创建一个div或其他东西,并在其上放置单击处理程序。处理程序设置动画以模拟选择元素。当您的一个伪选择项被选中时,您可以使用JavaScript将该值发送到一个隐藏的实际选择或输入元素。

这可能有些过分;但是,它为您提供了由图像而不是本地HTML元素组成的输入元素。可能还有其他框架做类似的事情

正如CrazyJugglerDrummer所建议的那样,基本思想是创建一个div或其他东西,并在其上放置单击处理程序。处理程序设置动画以模拟选择元素。当您的一个伪选择项被选中时,您可以使用JavaScript将该值发送到一个隐藏的实际select或input元素。

这里有一个好方法

JQTransform(正如Olafur所建议的)对我来说已经足够了。但是,如果您需要更多的控制,例如添加图标,则值得一看本教程。

这里是一个很好的例子


JQTransform(正如Olafur所建议的)对我来说已经足够了。但是,如果您需要更多的控制,如添加图标,则值得一看本教程。

这是可能的,但要使屏幕阅读器能够访问表单元素,您会遇到困难。。FYIIt是可能的,但是要让屏幕阅读器访问表单元素,您将有一段艰难的时间。。供参考