mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
@@ -9,6 +9,8 @@ $select-ios-padding-right: ($item-ios-padding-right / 2) !default;
|
||||
$select-ios-padding-bottom: $item-ios-padding-bottom !default;
|
||||
$select-ios-padding-left: $item-ios-padding-left !default;
|
||||
|
||||
$select-ios-icon-color: #999 !default;
|
||||
|
||||
|
||||
ion-select {
|
||||
padding: $select-ios-padding-top $select-ios-padding-right $select-ios-padding-bottom $select-ios-padding-left;
|
||||
@@ -30,6 +32,6 @@ ion-select {
|
||||
border-top: 5px solid;
|
||||
border-right: 5px solid transparent;
|
||||
border-left: 5px solid transparent;
|
||||
color: #999;
|
||||
color: $select-ios-icon-color;
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -9,6 +9,8 @@ $select-md-padding-right: ($item-md-padding-right / 2) !default;
|
||||
$select-md-padding-bottom: $item-md-padding-bottom !default;
|
||||
$select-md-padding-left: $item-md-padding-left !default;
|
||||
|
||||
$select-md-icon-color: #999 !default;
|
||||
|
||||
|
||||
ion-select {
|
||||
padding: $select-md-padding-top $select-md-padding-right $select-md-padding-bottom $select-md-padding-left;
|
||||
@@ -34,6 +36,6 @@ ion-select {
|
||||
border-top: 5px solid;
|
||||
border-right: 5px solid transparent;
|
||||
border-left: 5px solid transparent;
|
||||
color: #999;
|
||||
color: $select-md-icon-color;
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -10,12 +10,12 @@ ion-select {
|
||||
}
|
||||
|
||||
.select-text {
|
||||
overflow: hidden;
|
||||
flex: 1;
|
||||
min-width: 16px;
|
||||
font-size: inherit;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.item-multiple-inputs ion-select {
|
||||
@@ -24,6 +24,6 @@ ion-select {
|
||||
|
||||
.select-disabled,
|
||||
.item-select-disabled ion-label {
|
||||
opacity: 0.4;
|
||||
opacity: .4;
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -35,14 +35,13 @@ ion-select {
|
||||
|
||||
.select-icon .select-icon-inner {
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
left: 5px;
|
||||
display: block;
|
||||
|
||||
width: ($select-wp-icon-width / 2);
|
||||
height: ($select-wp-icon-width / 2);
|
||||
|
||||
left: 5px;
|
||||
top: 3px;
|
||||
|
||||
border-top: $select-wp-icon-arrow-width solid $select-wp-icon-color;
|
||||
border-right: $select-wp-icon-arrow-width solid $select-wp-icon-color;
|
||||
|
||||
|
||||
Reference in New Issue
Block a user