如何从文本字段中删除此图标? (Vuetifyjs,CSS)

分享于2022年07月17日 css html javascript vue.js vuetify.js 问答
【问题标题】:如何从文本字段中删除此图标? (Vuetifyjs,CSS)(How can I remove this icon from text field? (Vuetifyjs, CSS))
【发布时间】:2022-02-10 22:36:14
【问题描述】:

我有这个 vuetifyjs 文本字段,我想删除时钟图标。
<v-text-field
v-model="model.end_time"
type="time">
</v-text-field>

How can I remove this icon from text field? (Vuetifyjs, CSS)

我已经尝试过这段代码,但它不起作用

input[type="time"]::-webkit-calendar-picker-indicator {
  background: none;
  display:none;
}

谁能帮我解决这个问题


【解决方案1】:

您需要全局附加 css 代码。如果您在 <style scoped> 中添加 css,它将无法正常工作。

import { createApp } from 'vue'

Vue.use(Vuetify);

new Vue({
  el: "#app",
  components: { App },
  template: ""
});

createApp({
  data() {
    return {
      count: 0
    }
  }
}).mount('#app')