育才学习网option样式怎么写
1.html select 标签 css 样式怎么写
select 可以定义size就是大小
<style type="text/css">
<!--
.select * {
margin: 0;
padding: 0;
}
.select {
border:1px solid #cccccc;
float: left;
display: inline;
}
.select div {
border:1px solid #f9f9f9;
float: left;
}
/* 子选择器，在FF等非IE浏览器中识别 */
.select>div {
width:120px;
height: 17px;
overflow:hidden;
}
/* 通配选择符，只在IE浏览器中识别 */
* html .select div select {
display:block;
float: left;
margin: -2px;
}
.select div>select {
display:block;
width:124px;
float:none;
margin: -2px;
padding: 0px;
}
.select:hover {
border:1px solid #666666； //鼠标移上的效果
}
.select select>option {
text-indent: 2px; //option在FF等非IE浏览器缩进2px
}
-->
</style>
</head>
<body><div class="select">
<div>
<select>
<option>；看见效果了吧</option>
<option>；看见效果了吧</option>
<option>；看见效果了吧</option>
</select>
</div>
</div>
你看看这段代码中对select的设置
2.下拉菜单怎么写样式
给你看看这段代码：
这样写<body> <select name="year" style= "width:120px " > <option value="89" >1989</option> <option value="88">1988</option> <option value="89" selected="selected">1989</option> <option value="90">1990</option> </select>；年 </body>
3.css怎样设置下拉列表（select）样式
css设置下拉列表（select）样式首先我们需要获取到这个元素的id或者是class，然后在通过给这个元素设置它的width和height等等一些样式，具体的看代码：
<html>
<head>
<style>
.div1{
width:600px;
height:200px;
font-size:13px;
}
.div select{
width:200px;
}
.div select option{
width:150px;
height:30px;
}
</head>
<body>
<div class='div1'>
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
</div>
</body>
</html>
4.用JS+CSS对HTML的select控件其中某几项操作样式,怎么写
<select name="selectNum" id="selectNum">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<script type="text/javascript">
var sn = document.getElementById("selectNum");
sn.options[3].style.backgroundColor = 'red';
</script>
这个是测试过的，改变颜色，绝对可行。
5.如图中的html+css样式应该怎么写
<html>
<head>
<meta charset=utf-8">
<style type="text/css">
.tab{
width: 520px;
height: 25px;
background-color: darkorange;
color: white;
font-family: simhei;
}
td{
width: 50px;
}
</style>
</head>
<body>
<table class="tab" >
<tr>
<td rowspan=3></td>
<td></td>
<td>；首页</td>
<td>；寻找</td>
<td>
<select style="background-color: darkorange;color: #ffffff;font-family: simhei;border: 0">
<option>；场地</option>
<option>；沙滩</option>
<option>；小树林</option>
<option>；别墅里</option>
</select>
</td>
<td>；发布</td>
<td>；需求</td>
</tr>
</table>
</body>
</html>
代码运行图：
如有问题，我们继续交流。
希望能够帮助到你，望采纳！
转载请注明出处育才学习网 » 一样的样式怎么写的