65.9K
CodeProject 正在变化。 阅读更多。
Home

在 MouseMove 时更改下拉列表文本

starIconstarIcon
emptyStarIcon
starIcon
emptyStarIconemptyStarIcon

2.57/5 (9投票s)

2004 年 11 月 24 日

viewsIcon

92722

在下拉菜单鼠标移动时改变文本。

引言

本文展示了如何在纯 HTML 中,通过鼠标移动来改变下拉菜单中的文本。

使用代码

无需 JavaScript 或任何编码,只需一个简单的样式表即可解决问题。以下是样式表的源代码。只需将其复制并粘贴到您的样式表中,然后下载图像文件并指向正确的文件夹即可。

<html>
<head>
<style>
SELECT
{
    LIST-STYLE: lower-roman url(bullet2.gif) outside;
}

</style>
</head>
<body>
    <select>
        <option>Test1</option>
        <option>Test2</option>
        <option>Test3</option>
        <option>Test4</option>
    </select>
</body>
</html>
© . All rights reserved.