background-color: currentColor;

 

currentColor 是什麼？

         currentColor 是css3中的新屬性，它的意思是設置顏色值爲當前文字的顏色 ，也就是說currentColor的值 == color屬性的值。

 

currentColor 怎麼使用？

     將當前標籤的文字顏色作爲背景顏色

<template>
    <div class="test">
      測試
    </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data(){
    return {
      msg: ''
    };
  }
};
</script>

<style scoped>

  .test {
    font-size: 30px;
    color: gray;
    text-shadow: -2px 0px 1px white,2px 1px 1px black;
    background-color: currentColor;
  }

</style>

 

效果圖：