1

オプションとして「女の子」という単語が含まれる選択ドロップダウンがあります。

問題は、女の子の「l」が選択の矢印ドロップダウンのものに非常に近いことです。単語/コンテンツ（すべてのオプション、つまり、「girL」という単語だけをターゲットにする必要はないと思います）と小さな矢印の間にもう少し「スペース」を入れるにはどうすればよいですか？

「女の子」の後にスペースを入れてみましたが、効果がありません（問題はまだ残っています）。

これがどのように見えるか（種類）

sex:    |boy |v|
        |girl|

これが私が欲しいものです：

sex:    |boy  |v|
        |girl |

はい、私はここのほとんどの人が私が何をしているのか知っていることを知っています。パイプでドロップダウンを描くのはちょっと楽しいです！

PS htmlまたはcss、私は解決策の方法に無関心です！

4

3 に答える 3

0

ちょっと今このようにタグpadding rightを選択するために与える

   select{
    padding-right:40px; // as your requirement give to padding-right 
    }

ライブデモhttp://tinkerbin.com/vPS8tXNJ

于 2012-07-12T04:19:43.137 に答える
0

手遅れかもしれませんが、次回の来場者向けの情報として掲載しています。

  1. を設定することwidthは、すべての場合に解決策ではありません。柔軟な幅が便利な場合があります。

  2. Padding-right矢印と右の境界線の間にスペースを追加するだけで、テキストと矢印の間にスペースを追加しないため、これも解決策ではありません。

  3. 静的リストアイテムの場合、 各行の末尾に追加するのが最善の解決策です。ただし、動的に実行すると、GoogleChromeでは特殊文字ではなくテキストとして表示されます。

  4. 動的な変更の場合、次のように機能します。

    option.text = itemtext + String.fromCharCode(160);

于 2013-03-05T12:08:42.063 に答える
-2

使用するだけ

 

その後にスペースを追加するには....cssで必要な場合は...

padding-right: 10px;
于 2012-07-12T04:32:13.797 に答える