Vuejs2 如何使用手写笔自定义VueJS 2.0的样式？

我使用的是没有vuetify.min.css的v-text-field，只需使用触控笔即可

这是我的密码

<template>
  <v-text-field type="text" name="password"></v-text-field>
</template>
<style lang="stylus" scoped="scoped">
 .input-group_details {
  XXX
 }
</style>

.input-group\U详细信息{
XXX
}

我试图在v-text-field中隐藏一些div

---

但是我没有得到任何改变。

这是不可能使用范围样式的（这就是范围界定的要点）

您可以做的是传递一个

prop

，它指示div被隐藏，或者全局处理它

传下道具：

const textField={
模板：`
总是显示
有条件地显示
`,
道具：{显示：布尔值}
};
Vue.组件（'v-text-field'，textField）；
新的Vue（{}）。$mount（'#app'）

显示=真：


显示=错误：
根据
您需要为CSS使用
>
运算符

因此，这应该是可行的：

<style scoped>
>>> .input-group_details {
 //your css
}
</style>


>>>.input-group\U详细信息{
//你的css
}

您可以使用
lang=“stylus”
并且它可以工作，但是您的IDE可能会抛出一些语法错误

我不确定什么是正确的手写笔语法


请注意，使用范围样式是不可能的。检查我的答案，这是可能的。