隐藏 select 边框和三角

最新推荐文章于 2023-07-04 09:49:01 发布

w星星b

最新推荐文章于 2023-07-04 09:49:01 发布

阅读量729

点赞数

本文介绍如何使用CSS来创建一个简单的下拉选择框，包括选择标签的样式定义和交互逻辑。

<style type="text/css">
.DivSelect{   
 position: relative;   
  background-color: transparent; 
 width:  140px;
height: 17px;    
overflow: hidden;    
border-width:0px;    
border-top-style: none;     
border-right-style: none;     
border-left-style: none;     
border-bottom-style: none;}

.SelectList{    
position: relative;    
background-color: transparent;    
TOP:   -2px;    
left:-2px;    
border-width: 0px;    
border-top-style: none;     
border-right-style: none;    
 border-left-style: none;     
 border-bottom-style: none;    
 width:160px;    
 display:block;    
 height: 18px;    
 overflow:hidden;}
 
 #dictDIv{width:170px;}
 </style>

<div class="DivSelect">
				<dict:DictSelectTag dmlb="SBLX" name="sbxxEntity.sblx" id="sblxbh" value="${sbxxEntity.sblx}" styleClass="SelectList" />
				</div>