2

私はタッチインターフェイスを作成していて、選択フォームを拡大する必要があります（不器用な指で行を簡単に押すため）。テキストフォントを拡大せずに選択行を拡大する他の方法はありますか? 選択が非常に限られていることは知っています。別のアプローチを使用することをお勧めします。私はそれを知っています。フォントのテキストを拡大せずに行を拡大する方法があるかどうかに興味があります。=)

下の画像で私は持っています

font-size: 20px;

ここに画像の説明を入力

そして、私はそれが約14〜16であることを望んでいますが、そうすると、行はタッチスクリーンでヒットするのがかなり難しくなります.

以下のドロップダウン メニューの完全な CSS コード

.styledDropDown select{
    background: transparent;
    width: 200px;
    padding: 5px;
    font-size: 20px;
    border: 0px;
    height: 31px;
    -webkit-appearance: none;
    outline: none;
}

.styledDropDown{
    float:right;
    width: 200px;
    height: 31px;
    background:url(../images/bedview/dropDown.png) no-repeat;

}

背景色とフォント色のみを変更できましたが、パディングは変更できませんでした

option { 
background-color:#ddd; /*Works*/
margin:20px; /*don't work*/
padding:20px; /*Don't work*/
}

編集 Internet Explorer で動作しますが、chrome で動作するようにします:/

4

3 に答える 3

0

クロムにのみ必要な場合

次のようなものを試すことができます

http://jsfiddle.net/nyd69/3/

明らかに最高の結果ではありませんが、これは私が得た最高の結果です

select {
    padding: 10px;
    font-size: 30px;
    -webkit-appearance: button;
}
于 2013-05-07T20:34:52.803 に答える
0

私の知る限り、Chrome はオプションへのスタイルの指定をサポートしていません。ごめん。

于 2013-05-07T20:26:41.613 に答える