当前位置:   article > 正文

primevue组件库输入框组件聚焦边框样式修改

primevue组件库输入框组件聚焦边框样式修改

primevue组件库地址:https://primevue.org/inputnumber/

引入输入框组件:

import InputNumber from 'primevue/inputnumber'

组件代码:

  1. <div class="flex-auto">
  2. <label for="minmax-buttons" class="font-bold block mb-2"> Min-Max Boundaries </label>
  3. <InputNumber
  4. v-model="value2"
  5. inputId="minmax-buttons"
  6. mode="decimal"
  7. showButtons
  8. :min="0"
  9. :max="100"
  10. />
  11. </div>

修改前:

修改输入框聚焦时边框样式:

  1. :deep(.p-inputnumber-input:focus) {
  2. outline:1px solid #ea0505
  3. }

修改后:

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:【wpsshop博客】
推荐阅读
  

闽ICP备14008679号