我想从输入字段中删除箭头,但我想将其范围限制为仅此组件的文本字段。
<v-text-field
class="inputPrice"
type="number"
v-model="$data._value"
@change="sendValue"
>
</v-text-field>
Run Code Online (Sandbox Code Playgroud)
<style scoped>
.inputPrice input[type='number'] {
-moz-appearance:textfield;
}
.inputPrice input::-webkit-outer-spin-button,
.inputPrice input::-webkit-inner-spin-button {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
</style>
Run Code Online (Sandbox Code Playgroud)
我尝试从类似的问题中使用此解决方案:https://github.com/vuejs/vue-loader/issues/559#issuecomment-271491472
以及这个: https: //github.com/vuetifyjs/vuetify/issues/6157#issue-399264114
但它们似乎并没有真正发挥作用。