优化input组件
parent
f1bc6c8bf8
commit
634e979894
|
@ -93,8 +93,9 @@ li {
|
|||
}
|
||||
/* ----- */
|
||||
.icon {
|
||||
padding: 0 5px;
|
||||
--size: 20px;
|
||||
padding: 0 5px;
|
||||
color: nth($cgr, 2);
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -185,6 +186,10 @@ li {
|
|||
:host([round]) {
|
||||
border-radius: 21px;
|
||||
|
||||
.label input {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
.prepend {
|
||||
border-radius: 21px 0 0 21px;
|
||||
}
|
||||
|
@ -226,6 +231,19 @@ li {
|
|||
height: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
:host([no-border]),
|
||||
:host(:focus-within[no-border]) {
|
||||
box-shadow: none;
|
||||
.label {
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
:host([transparent]) {
|
||||
.label {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<script>
|
||||
|
|
Reference in New Issue