Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/474.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自定义下拉框?_Javascript_Html_Css - Fatal编程技术网

使用javascript自定义下拉框?

使用javascript自定义下拉框?,javascript,html,css,Javascript,Html,Css,我们可以使用javascript、html、css编写自定义下拉框吗。并为其放置背景图像 任何示例是的,您可以创建一个自定义下拉框式元素。 为此,可以使用div,并为该div设置背景图像属性。 您可以添加ul作为菜单项 但您必须为mouseclick、mouseover、mouseout、keydown等事件编写代码。是的,您可以。使用css它是这样的 向css页面添加几个类,如下所示: .cmdUnbelievable { width:200px; font-family:Tr

我们可以使用javascript、html、css编写自定义下拉框吗。并为其放置背景图像


任何示例

是的,您可以创建一个自定义下拉框式元素。 为此,可以使用div,并为该div设置背景图像属性。 您可以添加ul作为菜单项


但您必须为mouseclick、mouseover、mouseout、keydown等事件编写代码。是的,您可以。使用css它是这样的

向css页面添加几个类,如下所示:

.cmdUnbelievable
{
    width:200px;
    font-family:Trebuchet MS;
    background-color:#0b5925;
    color:#d4d5d4;  
    border:dashed 2px #f2f2f2;
}
.cmdUnbelievable option
{
    color:#f2f2f2;
    border-bottom:solid 0px white;
    border:dashed 2px #f2f2f2;
    margin-left:15px;
}
然后为选择框指定一个类:

    <select class="cmdUnbelievable">
        <option>We are</option>
        <option>the knights</option>
        <option>who say Ni.</option>
    </select>

我们是
骑士
谁说你。

@kumar提到设置背景图像。。。仅供参考,如果您尝试在选项元素上设置一个选项,它在IE中将不起作用。