You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

63 lines
1.1 KiB

$searchWidth:60px;
.normalSearchComponentsContain{
min-height: 29px;
width: 230px;
overflow: hidden;
position: relative;
caret-color:#ccc;
background: #fff;
.leftInputBox{
position: absolute;
left: 0;
right: $searchWidth;
top: 0;
bottom: 0;
border: #e8e8e8 solid 1px;
overflow: hidden;
border-radius: 4px;
}
.searchIcon{
display: block;
position: absolute;
left: 10px;
top: 0;
height: 100%;
line-height: 28px;
text-align: center;
color: #ccc;
}
.el-input{
position: absolute;
left: 30px;
right: 0;
height: 100%;
width: auto;
input{
border: none;
height: 100%;
padding: 0 30px 0 0;
}
.el-input__icon{
line-height: 28px;
}
}
.searchButton{
position: absolute;
right: 0;
top: 0;
width: $searchWidth + 3px;
border-radius: 0 4px 4px 0;
border: none;
color: #1890ff;
height: 100%;
background: #d5eaff;
font-size: 13px;
}
}