Início / user-29587559

Han Solo's questions

Martin Hope
Han Solo
Asked: 2025-04-11 01:17:56 +0800 CST
  • 5

Finalmente consegui fazer os efeitos de foco do PrimeVue funcionarem. Precisei adicionar um pouco de CSS, já que os Designtokens não faziam todo o trabalho.

Mas agora o efeito de foco do primeiro campo de entrada faz com que o campo de entrada abaixo se mova, quando a largura da borda do primeiro campo de entrada muda. Não quero que o campo de entrada abaixo se mova.

Não tenho esse tipo de problema para os campos textarea.

modelo:

      <label for="ref_num" class="labels">Untertitel</label>
  <InputGroup>
    <IconField>
      <InputText id="eventSubtitle" v-model="eventSubtitle" placeholder="Untertitel" maxlength="255" />
      <!--InputIcon class="pi pi-exclamation-circle" v-tooltip="'Untertitel ist erforderlich'"></InputIcon-->
    </IconField>
  </InputGroup>

  <label for="ref_num" class="labels">Standort (GPS)</label>
  <InputGroup>
    <InputGroupAddon>
      <i class="pi pi-globe"></i>
    </InputGroupAddon>
    <IconField>
      <InputMask id="eventLocation" v-model="eventLocation" placeholder="Standort (GPS)" mask="99.9999, 999.9999"
        style="border-radius: 0rem 0.4rem 0.4rem 0rem;" maxlength="255" />
      <!--InputIcon class="pi pi-exclamation-circle" v-tooltip="'Standort erforderlich'"></InputIcon-->
    </IconField>
  </InputGroup>

estilo:

.p-inputtext {width: 100%; padding: 1rem !important; box-sizing: border-box;}
.p-inputtext:hover {border-width: 0.15rem; box-sizing: border-box;}
css