0
292
Views¿Cómo puedo eliminar este icono del campo de texto? (Vuetifyjs, CSS)
Tengo este campo de texto vuetifyjs y quiero eliminar el icono del reloj.
<v-text-field
v-model="model.end_time"
type="time">
</v-text-field>
Ya probé este código pero no funciona
input[type="time"]::-webkit-calendar-picker-indicator { background: none; display:none; }Puede alguien ayudarme con esto
·
Juan Pablo Isaza
1 answers
Answer question0
Necesita agregar el código css globalmente. Si agrega css en <style scoped> , no funcionará.
import { createApp } from 'vue' Vue.use(Vuetify); new Vue({ el: "#app", components: { App }, template: "<App/>" }); createApp({ data() { return { count: 0 } } }).mount('#app') <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <script src="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.js"></script> <link href="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.min.css" rel="stylesheet"> <style> input[type="time"]::-webkit-calendar-picker-indicator { background: none; display: none; } </style> <div id="app"> <br> <br> <v-text-field value="12:30:00" type="time" ></v-text-field> </div> <script> new Vue({ el: "#app", data: { count: 1 } }); </script>
·
Juan Pablo Isaza
Report
Answer question