2012-06-14 12 views
11

jquery-ajaxの自動補完結果には箇条書きのリストが表示されます。私は弾丸を取り除きたい。私はjQuery-Ui-1.8.21.custom.css(JQuery UIのWebサイトからダウンロード)でどこを変更する必要があるのか​​理解できません。jqueryオートコンプリート結果から箇条書きを削除するには

ご意見をいただければ幸いです。

ありがとうございます。

+1

あなたのコードを教えてください....? – user1409289

答えて

3

変更それは

リストスタイルに箇条書きのプロパティを示しCSS:なし:なし

15

は、デフォルトのUIのオートコンプリートクラスは、リストスタイルが含まれていないことを確認していません。

ul.ui-autocomplete { 
    list-style: none; 
} 
+0

Thanx chris。それは働いている! – shaz404

+0

これは良いことです。あなたはそれが働いてうれしいです。 – chrisvillanueva

0

これはjquery-ui v1.9.1のバグで、v1.10.3で修正されました。 jquery-ui defect report (8844)に記載されているようにIE10ではなく11で発生します。

.ui-menu-item 
{ 
    /* IE10 fix to remove bullets from showing outside of div*/ 
    list-style-image: url(data:0); 
} 

または直後のjQueryの最新バージョンを使用します -

クロスブラウザの回避策(IE6でテスト10は、Firefox、クロム、サファリ、オペラ)は、以下のCSSを適用することですv1.9.1。

注:これは単なる不具合報告においても同様に投稿1人のユーザーとしてlist-style: none;を使用するchrisvillanuevaの答えとは異なっている、しかしその回避策は、クロスブラウザとして受け入れられていなかったし、list-style-image: url(data:0);はに従ってより良い代替手段であると思われます欠陥。

4

jQuery-ui-1.10.3

これはChrome、IE、Firefoxで動作します。また、弾丸があったところの左マージンが削除されます。それはw3Schoolsから派生したものですhttp://www.w3schools.com/CSS/css_list.asp

ul.ui-autocomplete { 
    list-style: none; 
    list-style-type: none; 
    padding: 0px; 
    margin: 0px; 
} 
関連する問題