Home javascript How to remove arrows in Input in vuetify

How to remove arrows in Input in vuetify

Author

Date

Category

When I write inside the V-TEXT-FIELD Type = “Number” appear arrows, I do not know how to remove them. Normal CSS does not help

Style

/ * chrome, safari, edge, opera * /
Input :: - WebKit-Outer-Spin-Button,
Input :: - WebKit-Inner-Spin-Button {
 -Webkit-Appearance: None;
 margin: 0;
}
/ * Firefox * /
INPUT [TYPE = "NUMBER"] {
 -Moz-Appearance: TextField;
}

V-Text-Field itself

& lt; v-text-field
     label = "Enter your ID code"
     REF = "IDCARD"
     Type = "Number"
     V-model = "IDCard"
     @Input = "$ v.idcard. $ Touch ()"
     @Blur = "$ v.idcard. $ Touch ()"
     : rules = "[
      () = & gt; !! IDCard || 'This field is required',
      () = & gt;
       (!! IDCARD & AMP; & AMP; IDCARD.LENGTH & LT; = 6) ||
       'Your ID code should not be more than 6 characters',
     ] "
     Counter = "6"
     Required.
    & gt; & lt; / v-text-field & gt;

Answer 1

Props just in app.vue

/ * chrome, safari, edge, opera * /
Input :: - WebKit-Outer-Spin-Button,
Input :: - WebKit-Inner-Spin-Button {
 -Webkit-Appearance: None;
 margin: 0;
}

Programmers, Start Your Engines!

Why spend time searching for the correct question and then entering your answer when you can find it in a second? That's what CompuTicket is all about! Here you'll find thousands of questions and answers from hundreds of computer languages.

Recent questions