请问CSS中怎么设置select(列表/菜单)的样式?

主要是想问怎么改变它的高度和边框颜色,宽度可以实现。不知道纯CSS能实现吗?如果非要用漂亮的样式该怎么做?

1、css没有办法实现美化select下拉框的。不管怎么设定都没有用的
2、可以通过div+css+jq自己模拟一款css
<div class="select">
<div class="select_default"></div> <!--这边是默认展示我们选中的框-->
<ul class="select_item"> <!--实则所有的下拉选项隐藏了,在这个ul中-->
<li>Complex</li>
<li>Knowledge</li>
<li>Case</li>
<li>Article</li>
<li>News</li>
</ul>
</div>
然后结合jq语法,实现点击出现下拉,点击下拉吧文本赋值到div里头

3、网络搜索下拉框美化插件。
温馨提示:内容为网友见解,仅供参考
第1个回答  2011-07-16
这个不太容易实现的,一般比较漂亮的都不是用select控件,而是用div+css+js组合实现的本回答被提问者采纳

css中select 下拉选框怎么设置高度
只有多行select框才可修改height值,单行select是不能改变高度的。比如下面的就可以:<select style="width:300px; height:200px" multiple>

下拉列表css(下拉列表内容怎么设置)
3、方法如下:方法一:HTML创建CSS菜单的HTML代码框架。我们使用class=“nav”属性的‘div’标签作为菜单的容器。在截图中,在图示的HTML代码中,一个简单的无序列表(ul)来表示主菜单项。在主菜单区域中添加链接。如何使用HTML和CSS制作下拉菜单1、第一想法就是给未显示(默认隐藏时)的下拉菜单栏添加...

怎么用css做网页左边的导航怎么用css做网页左边的导航框
3、首先第一个方法就是使用display:inline-block将ul标签设置成行内块级元素然后将li标签设置为左浮动即可。4、第二种方法就是就是将p设置为display:table;将ul设置成display:table-cell;即可。5、第三种方法就是使用display:inline-flex,css代码如图所示。6、这种方法的html是套用一个p即可如图所示。...

html+css下拉菜单怎么制作
1、编写带有div导航的html代码:2、使用class=“nav”属性的‘div’标签作为菜单的容器。在截图中,在图示的HTML代码中,一个简单的无序列表(ul)来表示主菜单项。3、在主菜单区域中添加链接。在本步骤中,在无序列表(ul)每一项上添加链接。4、在“关于我们(About Us)”下方LI标签内添加一个无...

select中菜单和列表区别
菜单只显示一个选择项,需要将鼠标点击菜单边的箭头才显示其他项,它的优点是占用空间小,列表显示所有选择项,优点是一目了然,但占空间

select下拉列表在IE中默认是30条选项,firefox默认是20条, 超过自动出 ...
您好!很高兴为您答疑!您可以使用DIV+CSS 模拟自定义Select下拉菜单,详细方法,您可以参考:http:\/\/www.phperz.com\/web-design\/CSS\/051G2T20081284.html 您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。

DW教程如何利用CSS样式设置列表文字
【DW教程】如何利用CSS样式设置列表文字?1打开Adobe Dreamweaver CC 2015。2执行菜单栏中的"文件>新建"命令或按住Ctrl+N键打开"新建文档"对话框,选择其文档类型为HTML,单击"创建"按钮,即创建一个网页文档。3在<body>和<\/body>之间添加<ul ><\/ul>,如下图所示。【基本语法】<ul > ...<\/ul...

css样式选择器在哪?
CSS选择器与优先级详解(一) CSS选择器又被称为CSS样式、CSS属性选择器。是由css命名及后面属性及属性值构成一个整体。 1.基础选择器 a.id选择器:通过设置元素的id属性为该元素制定ID。ID由开发者指定。每个ID在文档中必须是唯一的。在写样式表时,ID选择器是以#开头的。 HTML CSS 执行效果: b.class选择器:...

CSS网页下拉列表大小怎么调整
需要准备的材料分别有:电脑、浏览器、html编辑器。1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的<style>标签中,输入css代码:select { width: 210px;}。3、浏览器运行index.html页面,此时网页下拉列表的大小被调整为了210px。

html下拉菜单代码怎么写
>选项2\/option>  option value="option3">选项3\/option>\/select> 这样,当用户选择一个选项并提交表单时,选中的选项值将作为名称为 myDropdown 的参数传递给服务器。以上是创建简单HTML下拉菜单的基本步骤。您可以根据需要自定义下拉菜单的样式和行为,例如添加CSS样式或JavaScript事件处理程序。

相似回答