Question

我们可以使用javascript，html，css编写自定义下拉框吗？并为此设置背景图像。

任何示例示例

Answer 1

是的，你可以。 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>

Answer 2

是的，您可以像元素一样创建自定义下拉框。您可以为此目的使用div并为该div设置background-image属性。您可以添加ul作为菜单项。

但你必须为鼠标点击，鼠标悬停，鼠标移除，keydown等事件编写代码

使用javascript自定义下拉框？

2 个答案: