ps-frame-father
Version:
An enterprise-class UI design language and React components implementation
38 lines (37 loc) • 799 B
CSS
.xInputWrap {
position: relative;
display: inline-block;
}
.xInputWrap .xInputInner {
box-sizing: border-box;
padding: 4px 6px;
width: 320px;
color: rgba(0, 0, 0, 0.65);
font-size: 14px;
border: 1px solid #d9d9d9;
display: inline-block;
line-height: 1.5;
outline: none;
transition: box-shadow 0.3s, border 0.3s;
}
.xInputWrap .xInputInner::placeholder {
color: rgba(0, 0, 0, 0.2);
}
.xInputWrap .xInputInner:hover {
border-color: #40a9ff;
}
.xInputWrap .xInputInner:focus {
border-color: #40a9ff;
box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
}
.xInputWrap .xIconInput {
position: absolute;
right: 10px;
top: 50%;
color: rgba(0, 0, 0, 0.45);
transform: translateY(-50%);
cursor: pointer;
}
.xInputWrap .xIconInput:hover {
color: rgba(0, 0, 0, 0.65);
}