修改组件样式

在写页面的时候通常会遇到这样一个问题：某些组件对于某些场景下使用也许不是很适合，所以我们就希望改变已经定义好的组件样式。

<style scoped>

</style>

scoped是为了防止单个页面被污染，虽然把scoped去掉，然后找到对应的标签，可以改掉它的样式。但是显然这种做法是不可取的。还有另一种方法：用>>>
格式：>>> 组件名/类名
例：
HTML:

<div class="box">
   <mt-field label="当前登陆密码" placeholder="请输入当前登陆密码" type="password"></mt-field>
   <mt-field label="确认新密码" placeholder="确认新密码" type="password"></mt-field>
</div>

CSS:

</script>
<style scoped>
.box >>>.mint-field{
    margin-top: 0.5rem;
}

 
</style>

效果：