2

ニーズに合わせてカスタマイズされた jquery UI オートコンプリート ウィジェットを使用しています。これは、ここに表示されているコンボボックス ウィジェットの拡張であると言えます。jquery コンボボックス ウィジェット.

ページ上の 3 つの選択要素にウィジェットを適用すると、下の添付ファイルに示すような奇妙な問題が発生します。

ボタンの高さが入力フィールドの高さと同じではありません。

開発コンソールでボタンをターゲットにすると、3 つのボタンすべてで同じスタイルが取得されます:(

どんな助けでも大歓迎です。:)

PS:そして、この問題は、2 番目の要素、3 番目の要素でランダムに発生します。

3 番目のコンボボックス ボタンの高さが他と同じではない

編集:これは、カスタム CSS または jquery ライブラリ CSS に問題がある可能性があります。

    element.style{
          height:33px;
    }

ボタンとしてサーバーをアンカータグにしますが、それが正しいことかどうかはわかりません。

編集：jsfiddleリンクはここにあります

4

1 に答える 1

0

次のように設定すると、フィドルがうまく機能します。

.custom-combobox-input {
    margin: 0;
    padding: 0.4em;
}

この状況で Webkit が 10 進数の em をどのように考慮するかは関連していると思いますが、より深く調査する必要があります。

jQuery UI バグ フォーラムから:

コンボボックスは単なるデモであり、完全なウィジェットではありません。サポートする公式プラグインとしてコンボボックスを取り込まない限り、デモ以外の機能を維持することはありません。

リンク: http://bugs.jqueryui.com/ticket/6133

デモ: http://jsfiddle.net/IrvinDominin/WU9v9/

于 2013-09-17T11:25:02.620 に答える