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>

 

效果图:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章