0

jQueryUIcomboxを配置したいと思います。私には複数ありますが、すべてが同じ相対位置にある必要はありません。

これが私のコードです：

html：

<div>
   <select id="comboSubsidiary" class="comboTravel" >
      <option>loading</option>
   </select>
</div>

<div>
   <select id="comboCountry" class="comboWork">
      <option>loading</option>
   </select>
</div>

css：

div.comboTravel{position: relative; left: 410px; top: -23px; display: inline-block; }

上記のcssは機能しません。

次のcssが機能します。

.ui-combobox{position: relative; left: 110px; top: -23px; display: inline-block; }
        .ui-button {
            position: absolute;
            top: 0;
            bottom: 0;
            margin-left: -1px;
            padding: 0;
            /* adjust styles for IE 6/7 */
            *height: 1.7em;
            *top: 0.1em;
        }
        .ui-autocomplete-input {
            margin: 0;
            padding: 0.3em;
        }

しかし、このcssでは、すべてのコンボボックスが同じように配置されました。一部のコンボボックスでcssクラスを使用したいのですが、それらにアクセスする方法がわかりません（例：css-class comboTravelまたはcomboWork）

どうすればこれを機能させることができますか？

4

1 に答える 1

0

div.comboTravel クラスの上部が -23px であることがわかりました。これにより、コンボボックスが画面に表示されない可能性があります。私はそれを削除して、comboWork 用の別のクラスを作成しようとしましたが、うまくいきました。これは [http://jsfiddle.net/nAC8N/2/] のような jsFiddle です。

お役に立てれば。

于 2012-06-04T09:16:01.910 に答える