2
0
mirror of https://github.com/tenrok/vue-select.git synced 2026-06-22 10:30:34 +03:00

Add gray background-color when disabled

This commit is contained in:
es
2016-12-26 17:25:20 +08:00
parent 669984718d
commit 68a1c33d9b
+5 -1
View File
@@ -7,6 +7,10 @@
cursor: not-allowed !important; cursor: not-allowed !important;
} }
.v-select .dropdown-toggle .disabled {
background-color: rgb(248, 248, 248);
}
.v-select .open-indicator { .v-select .open-indicator {
position: absolute; position: absolute;
bottom: 6px; bottom: 6px;
@@ -176,7 +180,7 @@
<template> <template>
<div class="dropdown v-select" :class="dropdownClasses"> <div class="dropdown v-select" :class="dropdownClasses">
<div v-el:toggle @mousedown.prevent="toggleDropdown" class="dropdown-toggle clearfix" type="button"> <div v-el:toggle @mousedown.prevent="toggleDropdown" :class="['dropdown-toggle', 'clearfix', {'disabled': disabled}]" type="button">
<span class="selected-tag" v-for="option in valueAsArray" track-by="$index"> <span class="selected-tag" v-for="option in valueAsArray" track-by="$index">
{{ getOptionLabel(option) }} {{ getOptionLabel(option) }}