カテゴリー: Tippy

ここで教えて頂きました。

< コード例 >

.tippy-popper {
  max-width: 470px !important;
}

< 画面例 >

表示したいテキストを title属性にセット

 <input type="text" name="dcnm" id="dcnm" value="${dcnmfst}" placeholder="Discharging port name"
                       class="menuitm" title="Input a discharging port name"/>

tippyが現れるようにする

              tippy('.tmptippy', {      // 表示対象
                placement: 'bottom',    // 表示位置
                animation: 'scale',     // アニメーション指定
                duration: 1000,         // 表示遅延
                arrow: true,           // 矢印有無」 
              });