HTML下拉列表项目背景颜色

HTML下拉列表项目背景颜色,第1张

概述我有一个带项目的下拉菜单,我想使用ODD和EVEN来交替颜色. 我的问题是……样式下载列表项的CSS代码是什么? 使用CSS nth-child pseudo-class: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition 我有一个带项目的下拉菜单,我想使用ODD和EVEN来交替颜色.
我的问题是……样式下载列表项的CSS代码是什么?解决方法 使用CSS nth-child pseudo-class:

<!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>
@H_301_23@ 总结

以上是内存溢出为你收集整理的HTML下拉列表项目背景颜色全部内容,希望文章能够帮你解决HTML下拉列表项目背景颜色所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1083740.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存