【问题标题】:How to define color of the text in the input of the "v-text-field" component?如何在“v-text-field”组件的输入中定义文本的颜色?
【发布时间】:2021-03-03 05:26:26
【问题描述】:

有没有办法在“v-text-field”组件的输入元素中定义文本的颜色?

它的“color”属性只定义了标签的颜色和下划线的颜色。但是如何定义输入元素中文本的颜色呢?

(Vuetify 版本 1.5.24)

【问题讨论】:

    标签: javascript vue.js vuetify.js


    【解决方案1】:

    尝试在v-text-field 标签中定义一个类,然后定位内部输入。

    <v-text-field
      class="text-field-style"
    ></v-text-field>
    
    <style scoped>
      .text-field-style >>> .v-text-field__slot input {
        color: red
      }
    </style>
    

    【讨论】:

    • 我正在寻找一种动态的方法。
    • 您可以使用类绑定来动态更改。 :class="{ 'text-field-style': someCondition }"
    • 这意味着您必须定义与颜色数量一样多的选择器。但是如果必须动态计算颜色并且颜色的数量没有预定义呢?
    猜你喜欢
    • 2011-10-03
    • 1970-01-01
    • 2020-10-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-07-08
    • 2023-01-12
    • 2020-08-22
    相关资源
    最近更新 更多