Html Vuetify:所需标签上的asterix

Html Vuetify:所需标签上的asterix,html,css,vue.js,vuetify.js,Html,Css,Vue.js,Vuetify.js,Vuetify的最新版本(v1.3-) 现在,即使v-textarea/v-text-field具有所需的属性,asterix也会从标签中删除。他们希望您手动将其添加到标签属性中,例如label=“Message*” 虽然在我的应用程序中有太多的表单需要更改,并且我想知道是否可以通过CSS选择它,但是HTML的结构是有问题的 <div class="v-text-field__slot"> <label class="v-label theme--lig

Vuetify的最新版本(v1.3-)

现在,即使v-textarea/v-text-field具有所需的属性,asterix也会从标签中删除。他们希望您手动将其添加到标签属性中,例如label=“Message*”

虽然在我的应用程序中有太多的表单需要更改,并且我想知道是否可以通过CSS选择它,但是HTML的结构是有问题的

     <div class="v-text-field__slot">
       <label class="v-label theme--light">Message</label>
       <textarea name="message" required="required" rows="5"></textarea>
     </div>

消息

如果在需要输入之前选择标签,我将不胜感激

我不确定这是否适用于您的HTML结构。但这对我有用

.required label::after {
    content: "*";
    color: red;
}
然后我通常在我的文本字段中调用这个类

<v-textfield class="required">


Related仍然需要手动添加
required
类,因此没有帮助(除非该类存在?但我认为它不存在?)。所以我认为不改变任何东西就不可能以这些元素的标签为目标?似乎OP只是想通过简单地定位
必需的
输入来节省时间,但通过在每个字段的标签中键入
*
比在这些字段中添加类来节省更多时间。是的@Traxo,我本质上希望使用CSS全局定位标签,而不必修改我们使用必需输入的每个位置。我们的输入可以动态地设置为required,这提供了它自己的问题。