primevue组件库地址:https://primevue.org/inputnumber/
引入输入框组件:
import InputNumber from 'primevue/inputnumber'
组件代码:
<div class="flex-auto">
<label for="minmax-buttons" class="font-bold block mb-2"> Min-Max Boundaries </label>
<InputNumber
v-model="value2"
inputId="minmax-buttons"
mode="decimal"
showButtons
:min="0"
:max="100"
/>
</div>
修改前:
修改输入框聚焦时边框样式:
:deep(.p-inputnumber-input:focus) {
outline:1px solid #ea0505
}
修改后: