chore(dropdowns): update dropdowns styling because of changed rendering

scss/common/_forms.scss

@@ -39,6 +39,7 @@
     .k-datepicker,
     .k-datetimepicker,
     .k-dropdown,
+    .k-multiselect,
     .k-numerictextbox,
     .k-maskedtextbox,
     .k-timepicker {

scss/dropdownlist/_layout.scss

@@ -16,4 +16,8 @@
             }
         }
     }
+
+    .k-dropdown-wrap {
+        outline: 0;
+    }
 }

scss/input/_theme.scss

@@ -50,6 +50,13 @@
             background-color: $accent;
             color: $accent-contrast;
         }
+
+        .k-state-disabled & {
+            &::selection {
+                color: $input-text;
+                background-color: transparent;
+            }
+        }
     }
 
     .k-radio + .k-radio-label {

scss/multiselect/_layout.scss

@@ -3,8 +3,6 @@
     // Base
     .k-multiselect {
         @include border-radius( $border-radius );
-        border-width: 1px;
-        border-style: solid;
         width: 100%;
 
         // Compact
@@ -42,10 +40,8 @@
         }
     }
 
-
     .k-multiselect-wrap {
         min-height: calc( #{$input-inner-calc-size} );
-        border-width: 0;
         padding-right: ($padding-x * 3);
         cursor: text;
 

scss/multiselect/_theme.scss

@@ -22,31 +22,38 @@
             // Focused state
             &:focus,
             &.k-state-focused {
-                @include appearance( focused-button );
-
                 .k-icon {
                     opacity: 1;
                 }
             }
         }
 
-        &:hover,
-        &.k-state-hover {
-            @include appearance( hovered-input );
+        &.k-state-focused {
+            .k-multiselect-wrap {
+                @include appearance( focused-input );
+            }
+        }
+        &.k-disabled {
+            .k-multiselect-wrap {
+                @include appearance( disabled-input );
+            }
         }
-
-        &.k-state-focused { @include appearance( focused-input ); }
-        &.k-disabled { @include appearance( disabled-input ); }
 
         .k-i-loading {
             background-color: $input-bg;
         }
     }
 
     .k-multiselect-wrap {
+        @include appearance( input );
+
         > .k-readonly {
             opacity: .6;
         }
+
+        &:hover {
+            @include appearance( hovered-input );
+        }
     }
 
 }