小编Ari*_*eus的帖子

有没有办法从输入类型中删除箭头,但使其范围仅限于特定组件?

我想从输入字段中删除箭头,但我想将其范围限制为仅此组件的文本字段。

<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

但它们似乎并没有真正发挥作用。

javascript typescript vue.js vuetify.js tailwind-css

8
推荐指数
2
解决办法
1万
查看次数