HTML下拉列表项目背景颜色

Question

HTML下拉列表项目背景颜色

我有一个带项目的下拉菜单,我想使用ODD和EVEN来交替颜色.我的问题是......样式下载列表项的CSS代码是什么？

Answer 1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>HTML Dropdown list item baground colors</title>
    <style type="text/css">
        #myForm select option:nth-child(odd) {
            color:black;
            background:yellow;
        }
        #myForm select option:nth-child(even) {
            color:white;
            background:blue;
        }
        #myForm select {
            background:green;
            color:orange;
        }
    </style>
</head>
<body>
    <form id="myForm" action="#" method="get">
        <select>
            <option>A</option>
            <option>B</option>
            <option>C</option>
            <option>D</option>
            <option>E</option>
            <option>F</option>
        </select>
    </div>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

归档时间：	15 年，1 月前
查看次数：	16074 次
最近记录：	7 年，10 月前