1

私は次のようなコードを持っています:

<script type="text/javascript">
            Cufon.replace('#select-stuff', { fontFamily: 'Myriad Pro' });
            Cufon.refresh('#select-stuff'); 
</script>

<script>
       $(document).ready(function(){

          // loading selectBoxIt
          var select = $("select");
          select.selectBoxIt();

          // code to fix reloading cufon on select change in select box
          refreshCufon();
          select.change(function() {
            refreshCufon();
          });          
          function refreshCufon() {
           Cufon.replace('#select-stuff', { fontFamily: 'Myriad Pro' });
           Cufon.refresh();
          }

        });
</script>

それは機能しますが、たとえばオプションに2つ以上の単語があるとうまくいかず、単語の代わりに次のように3つのドットが追加されます。

ここに画像の説明を入力

また

ここに画像の説明を入力

したがって、テレがいくつの単語であっても問題ありません。どういうわけか最後の単語を 3 つのドットに置き換えます。

何が問題なのですか？

4

2 に答える 2

2

selectBoxIt で提供されるデフォルトの.cssファイルを使用する場合、次のエントリが含まれます。

/* Button Text */
.selectboxit-text {
  ...
  text-overflow: ellipsis;
  ...
}

テキストがコンテナーよりも長い場合、省略記号 (3 つのドット) が自動的に追加されます。を変更するtext-overflowと問題が解決する可能性がありますが、実際のコードがなければ詳細を知ることは困難です。

于 2013-03-11T20:57:32.690 に答える
2 
<style rel="stylesheet">
  .selectboxit-text {
    text-overflow: clip;
  }
</style>
于 2013-03-11T21:06:51.753 に答える