您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息
免费发信息
三六零分类信息网 > 平凉分类信息网,免费分类信息发布

怎样给select添加css样式

2024/3/31 9:04:18发布6次查看
添加方法:1、给select标签添加id或class属性并设置属性值;2、在head标签对中嵌入style标签对;3、在style标签对中,使用“#id值{css属性:值;}”或“.class值{css属性:值;}”语句来添加css样式。
本教程操作环境:windows7系统、css3&&html5版、dell g3电脑。
html中给select添加css样式
给select标签添加id或class属性并设置属性值
在style标签对中,使用id或class选择器选中select元素并设置样式
实现代码:
<!doctype html><html> <head> <style type="text/css"> #select{ background-color: #000000; color: white; width: 100px; height: 30px; } .select{ background-color: pink; color: white; width: 100px; height: 30px; } </style> </head> <body> <select id="select"> <option value ="volvo">volvo</option> <option value ="saab">saab</option> <option value="opel">opel</option> <option value="audi">audi</option> </select> <select class="select"> <option value ="volvo">volvo</option> <option value ="saab">saab</option> <option value="opel">opel</option> <option value="audi">audi</option> </select> </body></html>
(学习视频分享:css视频教程)
以上就是怎样给select添加css样式的详细内容。
平凉分类信息网,免费分类信息发布

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录