css修改option样式，设置css的position的值为relative

如何修改select的option展示样式?还有我想修改被选中的select框中的文字...

1、设置字体大小行高可以用ul，li模拟select实现 关于要实现text的placeholder属性倒是有办法。

2、}.selectbox select 有个padding-right：18%； 和宽度100%+18% 的意思是故意超出selectbox的。这个超出部分刚好能把后面的默认下拉按键隐藏掉，同时设置.selectbox的背景为下拉小按钮，居右边垂直居中。

3、另：更改下拉框的文本位置我没试过。因为用CSS设置select基本是没有效果的。这简直是悲剧啊！所以我以前为了给select调一个边框，是用一个div把select装起来，然后给div设计边框和高度宽度，把select丑陋的部分遮起来的。

4、方法：在 select标签里面加上 color=#任意16进制数字可以改字体颜色，加上background color可以改背景颜色。

5、也可以 例如：加class .volvo{color：blue；} .saab{color：red；} Volvo Saab Opel Audi 加style：Volvo Saab Opel Audi 还有一种方法就是使用javascript或者jquery动态修改。例如jquery可以利用选择器。

相关问答

Q1: 怎样用cssselect下拉框的美化

1、首先我们来看一下效果图，横向下拉菜单。接下来我们看一下w3c的菜单，和小编的菜单对比一下。两者内容相同，但w3c的菜单不支持下拉，缺乏动态效果，显得死板。选中效果也不明显。

2、首先看一下没有（background-color）属性的选择下拉框的效果。

3、用下列CSS就可以解决，原理是将浏览器默认的下拉框样式清除，然后应用上自己的，再附一张向右对齐小箭头的图片即可。

4、建议你自己用div+ul做一个下拉框，不用select，这样的话你就可以任意设置其样式了，怎么样都行。当然，必须另外设置一个隐藏域，当自己做的下拉框选择了一项后，要把其值赋值给这个隐藏域，这样就不影响表单提交了。

Q2: 移动版option标签背景色无法设置

加了超级链接改变颜色，需用a：hover 可是你第二张截图中css中并没有写a：hover，用的只是hover。

option黄色/ option option红包/ option /选择 要在选择下拉框中添加背景颜色，首先我们需要先编写样式样式，这样便于调用。

也就是我要现在这个状态改变背景色没办法了吗- - 追答 建议你自己用div+ul做一个下拉框，不用select，这样的话你就可以任意设置其样式了，怎么样都行。

使用firefox，用firebug看一下元素的css样式，看是哪个css文件影响了控件的背景颜色 估计你是在用easyui的同时又引入了其他的css样式文件，有冲突 easyui本身combotree背景是白色的。

没有必要设成透明，你可以把option的背景色设成按钮表面，这样无论你的主题改成什么样的，你都可以让你的option背景与放它的容器保持一致。

Q3: 用css改变下拉框样式

定义页面使用的css样式，也是需要在head里定义的。

代码分析，这是代码中唯一的一点js，作用是更改下面菜单的class，配合样式表（CSS）可以达到动态效果，比如下拉菜单的下拉功能、选中显示，都是这样做到的。可以说，整个菜单主要部分都是DIV+CSS。

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

Q4: 如何修改select的子元素option的默认样式

1、}.selectbox select 有个padding-right：18%； 和宽度100%+18% 的意思是故意超出selectbox的。这个超出部分刚好能把后面的默认下拉按键隐藏掉，同时设置.selectbox的背景为下拉小按钮，居右边垂直居中。

2、optionselected=selectedvalue=0--请选择--/option。option value=篮球篮球/option。option value=足球足球/option。/select。

3、需求是修改el-select中el-option样式，当label长度过长时以省略号显示。

4、第一步，我们先来看看怎么去掉select的边框效果。我们需要给select添加样式：border：0，就把边框去掉了，来看看效果。如果需要把背景也去掉，需要再添加：background： transparent；背景就会成为透明的。

Q5: css怎样设置下拉列表(select)样式?

1、首先我们来看一下效果图，横向下拉菜单。接下来我们看一下w3c的菜单，和小编的菜单对比一下。两者内容相同，但w3c的菜单不支持下拉，缺乏动态效果，显得死板。选中效果也不明显。

2、css没有办法实现美化select下拉框的。

3、用下列CSS就可以解决，原理是将浏览器默认的下拉框样式清除，然后应用上自己的，再附一张向右对齐小箭头的图片即可。

4、纯CSS的下拉菜单，此处理解的意思就是li标签套li标签，然后再给li标签设置样式。在被套的li标签设置平时状态为隐藏，再等鼠标移动到上一个li标签时，将被套的li标签显示（样式：overflow：hidden； ）。

css修改option样式的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于设置css的position的值为relative、css修改option样式的信息别忘了在本站进行查找喔。