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>
效果图: