Safari で mk-select に光沢がかかるのを修正 (#6668)

This commit is contained in:
Xeltica 2020-08-23 11:05:04 +09:00 committed by GitHub
parent 95db488c48
commit ed141338fb
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -13,7 +13,11 @@
>
<slot></slot>
</select>
<div class="suffix"><slot name="suffix"></slot></div>
<div class="suffix">
<slot name="suffix">
<fa :icon="faChevronDown"/>
</slot>
</div>
</div>
<div class="text"><slot name="text"></slot></div>
</div>
@ -21,6 +25,7 @@
<script lang="ts">
import Vue from 'vue';
import { faChevronDown } from '@fortawesome/free-solid-svg-icons';
export default Vue.extend({
props: {
@ -43,7 +48,8 @@ export default Vue.extend({
},
data() {
return {
focused: false
focused: false,
faChevronDown,
};
},
computed: {
@ -157,6 +163,8 @@ export default Vue.extend({
border-radius: 0;
outline: none;
box-shadow: none;
appearance: none;
-webkit-appearance: none;
color: var(--fg);
option,
@ -172,7 +180,7 @@ export default Vue.extend({
justify-self: center;
font-size: 1em;
line-height: 32px;
color: rgba(#000, 0.54);
color: var(--inputLabel);
pointer-events: none;
&:empty {