bootStrap 标准下拉菜单的css定义
时间: 2023-06-27 10:03:45 浏览: 158
一个纯css实现的下拉菜单
5星 · 资源好评率100%
下拉菜单是 Bootstrap 中常用的组件之一,它的样式定义如下:
```css
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
}
.dropdown-divider {
height: 0;
margin: 0.5rem 0;
overflow: hidden;
border-top: 1px solid #e9ecef;
}
.dropdown-item {
display: block;
width: 100%;
padding: 0.25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.dropdown-item:focus,
.dropdown-item:hover {
color: #16181b;
text-decoration: none;
background-color: #f8f9fa;
}
```
其中,`.dropdown-menu` 是下拉菜单的容器,`.dropdown-divider` 是菜单项之间的分隔线,`.dropdown-item` 是菜单项。你可以根据自己的需要修改这些样式。
阅读全文