excel2010 单元格设置了下拉菜单后，怎样对下拉菜单的样式进行设置？select下拉框样式怎么修改

select {
  /*背景：和其他元素一样，都是设置 background 属性*/
  background:#F00
 
  /*三角1：先将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
 
  /*三角2：在选择框的最右侧中间显示小箭头图片*/
  background: url(’XXXXXX/XXXXXX/XXXXXX/xxxxxx.png’) no-repeat scroll right center transparent;  
 
  /*三角3：为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
  
}
 
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

用css改变下拉框样式

例一：
＜select name=“select“ size=“1“ style=“font-family:Verdana,Arial; font-size: 9pt; color: #FF0000“＞
＜option value=“2“ selected＞yesky.com＜/option＞
＜option value=“1“＞redidea.net＜/option＞
＜/select＞
查一下手册,还有好多项可以设置.
例二：
《html》
《head》
《style》
.box
{
border: 1px solid #C0C0C0;
width: 182px;
height: 20px;
clip: rect( 0px, 181px, 20px, 0px );
overflow: hidden;
}
.box2
{
border: 1px solid #F4F4F4;
width: 180px;
height: 18px;
clip: rect( 0px, 179px, 18px, 0px );
overflow: hidden;
}
select
{
position: relative;
left: -2px;
top: -2px;
width: 183px;
line-height: 14px; color: #909993;
border-style: none;
border-width: 0px;
}
《/style》
《/head》

《body》
《div class = box》《div class = box2》
《select size = “1“ name = “D1“》
《option》内容一《/option》
《option》内容二《/option》
《/select》
《/div》《/div》
《/body》
《/html》

怎样用cssselect下拉框的美化

用cssselect下拉框的美化
这个可以换种方式实现，首先select的样式每个浏览器都有其默认的样式，需要先去除这些默认样式，其次，select里面的样式诸如箭头，下拉框等等的样式，这里提供一种思路，就是在select的外层添加一个div，对这个div元素设置样式，select元素则是没样式，从而达到一种掩眼法的效果，实现方式如下：
《!-- html 布局 --》
《div id=“selectStyle“》
《select id=“select“》
《option》option 1《/option》
《option》option 2《/option》
《option》option 3《/option》
《option》option 4《/option》
《option》option 5《/option》
《/select》
《/div》

首先要去掉 #select 的默认样式：
/* 去掉默认样式，设置新的样式 */
#select{
display:block;
width:100%;
height:100%;
box-sizing:border-box;
background:none;
border:1px solid #222;
outline:none;
-webkit-appearance:none;
padding:0 5px;
line-height:inherit;
color:inherit;
cursor:default;
font-size:14px;
position:relative;
z-index:3;
}
#select option{
color:#222;
}
#select option:hover{
color:#fff;
}
#select option:checked{
background:#535353;
color:#fff;
}

然后在外层div#selectStyle设置自定义样式
#selectStyle{
display:block;
margin:0 auto;
overflow:hidden;
height:30px;
width:240px;
border-radius:0;
background:#535353 url(“箭头图片地址“) right center no-repeat;
background-size:auto 80%;
color:#fff;
line-height:2;
/* 如果不想加图片，
则可以设置一个自己的三角形样式，
如下的自定义方式，
见代码1 */
position:relative;
z-index:1;
}
/* 代码1 */
#selectStyle:before{
position:absolute;
z-index:1;
top:50%;
right:10px;
margin-top:-2.5px;
display:block;
width:0;
height:0;
border-style:solid;
border-width:5px 5px 0 5px;
border-color:#fff transparent transparent transparent;
content:““;
}
/* 代码1 */
#selectStyle:after{
position:absolute;
z-index:1;
top:50%;
right:10px;
margin-top:-3.5px;
display:block;
width:0;
height:0;
border-style:solid;
border-width:5px 5px 0 5px;
border-color:#535353 transparent transparent transparent;
content:““;
}

以上就是自定义select样式的方法；
同时也可以完全不要select这个元素使用div+css来自定义一个跟select一样效果的下拉框（需要Javascript辅助）。

怎样用css改变下拉框那个三角的样式

CSS设置不了select 那个三角形的样式的。、IE浏览器更是连select的边框什么的都不能设置，如果需要外观很好看的下拉框，建议用js+css实现，此时“小三角形就可以用图片代替”， 再对应鼠标的悬停，离开事件即可达到完美好看的效果。

单选框、复选框、下拉框的CSS怎么写

简单的代码实现，仅供参考：

单选框：

《body》    《input type=“radio“ name=“sex“ value=“n“ /》    《input type=“radio“ name=“sex“ value=“v“ /》《/body》

复选框：

《body》    《input type=“checkbox“ value=“n“ /》    《input type=“checkbox“ value=“v“ /》《/body》

下拉框：

《body》    《select》        《option》n《/option》        《option》n《/option》        《option》n《/option》    《/select》《/body》

扩展资料：

css注意事项

1、每个标签的属性设置必须是被一对花括号包含。像下面的样子：
标签
{
属性名称：属性值;
}

2、花括号中每个属性值赋值后必须用分号隔开。分号就相当于C#和C中的分号，指示一行语句的结束，加上分号就是和网页的解释器说明这个属性的赋值已经结束了，下面开始一个新的属性的赋值。正确的格式是下面的样子：
标签
{
属性名称1：属性值;
属性名称2：属性值;
属性名称3：属性值;
}

3、关于颜色值。我们在前面的文章中，在设置style时，不论是color属性还是background-color属性，赋值时都是指定的颜色名称。这种方式在网页编程中比较不通用。比较常用的做法是赋16进制值，类似于#RRGGBB这种样式，每一位的取值都是从1到F，每两位对应一类颜色值。具体的颜色值可以在网上搜到。

4、关于字体。我们在style中的font-family中设置字体。有时候我们设置的字体可能用户电脑中没有，这时候我们可以在font-family中设置多个可选字体，用逗号分隔，这样如果前面的字体用户电脑中没有，则可以使用后面的字体进行替换。下面是个例子：
《p sytle=“font-family:serif,Cursive,Fantasy;“》

参考资料来源：百度百科：CSS

华为下拉菜单栏样式怎么换

华为手机下拉菜单设置操作步骤：

1、打开手机，在主页面，从顶部下滑，可进入通知、开关栏及下侧的亮度控制按钮，可选择自动调节和手动调节。

2、点击开关栏，可看到三行三列共计九个快捷功能，目前显示的分别有无线开关、蓝牙、设置、自动旋转、移动数据开关、模式、热点、飞行模式、屏幕录制等。

3、下滑开关栏直到看到“”选项为止，点击进入。

4、看到上层显示的是目前的快捷功能，下层是可以替换的其他功能。

5、 可以看到想要替换的话，只需要拖动下层隐藏的到上层即可替代相应位置的功能。

6、 以移动“悬浮按钮”为例，直接拖动到上层，点击右上角的对勾，查看即显示了，点击开启，回到主页，看到悬浮按钮，在悬浮按钮中直接可操作返回、主页、锁屏、清除等。

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》