MUI下拉菜单样式

最新推荐文章于 2025-06-09 09:04:45 发布

weixin_30306905

最新推荐文章于 2025-06-09 09:04:45 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/link-open-source/p/11078687.html

博客展示了MUI下拉菜单样式的代码，包含HTML部分的下拉菜单结构，如性别选择的下拉框，以及CSS部分对下拉菜单样式的设置，如徽章样式、箭头样式等，代码转载自相关博客。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 1 <div class="mui-input-row   my_select">
 2                             <label style="width: 47px;padding-right: 0;font-size: 15px;">性别</label>
 3                             <a class="mui-navigate-right ">
 4                                 <span class="mui-badge_my">
 5                                 <select class="mui-h5" 
 6                                     style="margin:auto; color:#000;
 7                                     font-size: 14px;color: #999999;
 8                                     ">
 9                                     <option value="1">男</option>
10                                     <option value="1">女</option>
11                                 </select>
12                                 </span>
13                             </a>
14                         </div>

.mui-badge_my {
			padding: 0px;
			width: 12%;
			float: right;
			line-height: 42px;
			font-size: 14px;
		}
		
		.my_select a:after {
			font-size: 19px;
			margin-top: 2px;
			margin-right: -6px;
		}

转载于:https://www.cnblogs.com/link-open-source/p/11078687.html