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