css去掉下拉边框，css去掉边框线

怎样用CSS使列表菜单下拉框边框隐藏,要IE6、IE7、IE8、FF兼容。_百度知...

唯一办法是：自己做个假的下拉菜单来模拟，然后用 javascript 把值传给真正的html列表下拉菜单。

textarea style=border：none；width：200px；height：30px；/textarea 你可以按上面的CSS代码试一下。border：none这个表示隐藏边框。

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

相关问答

Q1: 下拉菜单的箭头怎么修改他的css样式

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

打开所要修改的网页，按下F12，弹出一个弹出框，点击弹出框的小箭头。

select一直是html里的怪胎，很多属性不受css控制的，所以才会出现很多div+css的下拉插件，如果项目需要 非要用元素select的话，可以在select上做一个小小的遮罩，通过定位到下拉箭头，挡住后面的箭头就行了。

点击下拉列表。勾选上从单元格选项下拉选项。输入“男，女”后点击确定。如图点击下拉箭头。选择所需男女。

Q2: bootstrap怎么去除option下拉框鼠标经过后的样式

添加data-hover=dropdown到标签中，如果已经使用Bootstrap，可以替换Bootstrap的data-toggle=dropdown。可以通过数据属性设置选项，也可以通过data-delay和data-close-others来设置选项。

用浏览器的开发工具定位css的样式所在文件，然后新建一个样式文件覆盖掉原来的样式。如果项目中的导航栏都是固定样式的，可以修改bootstrap的less源文件，修改后编译一份。

一种方法就是，每个方块其实有2个，一个是你看到的，一个是高度为0在最底部的，鼠标移入的时候，原本能看到的高度慢慢减小，原本高度为0的高度慢慢增加，把这个变化的时间调整好就是图中看到的效果了。

BootStrap利用popover实现鼠标经过显示并保持显示框 在商城里，导航栏的购物车展示经常需要鼠标经过时，显示已经放入购物车的商品，bootstrap是没有直接用的插件的，这个时候就可以使用popover这个插件改造后实现。

创建一个新的html文件。如图 在html文件上找到body标签，在这个标签里创建一个div标签并设置class类为bg 。 如图：代码：div class=bg/div 在title标签后创建style标签用来给bg类添加样式。

Q3: CSS怎么去掉select的下拉箭头样式

select：-ms-expand{display：none；}select{ appearance：none； -moz-appearance：none； -webkit-appearance：none；}去除IE下拉三角，去除默认样式。

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

selection{appearance：none；-moz-appearance： none； /* Firefox */-webkit-appearance：none； /* Safari 和 Chrome */}可以用appearance去掉默认样式，然后你就能随便搞了。

关于css去掉下拉边框和css去掉边框线的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。