2017-07-13 9 views
0

私はIonicで作業しているプロジェクトを持っており、クライアントは選択入力でフォントサイズを縮小できるかどうか尋ねました。ionicを使用してiOS選択入力のフォントサイズを変更することができます

これは、Googleからのランダムな絵ですが、私が参照していますiOSのSELECT「スクロール」を示している:

enter image description here

を、青、緑、赤のオプションは、小さいフォントサイズを必要とするものです。私はそれができないと確信しています、私にとっても簡単です。

答えて

-1

これはCSSで行うことができます。最初にラボを通してアプリを提供してください

ionic serve --lab 

chromeのinspect要素よりも優先され、テキストコンポーネントを選択してそのクラスを見つけます。カスタムCSSスタイルを追加することができます。

乾杯:D

0

は、あなたが使用しているイオンのバージョン状態いけないので、私はそれが最新バージョンであると仮定します。

イオン性の各成分は、成分の特定の成分を標的とするために使用することができる盛り上がり変数を割り当てられており、これを使用してそれに応じてそれをスタイルすることができる。

theme/variables.scssファイルでは、デフォルトのスタイルを上書きする変数をターゲットにすることができます。あなたの場合は、選択のフォントサイズになります。このユースケースでは、フォントサイズは継承されたプロパティであり、特定のsass変数は割り当てられていません(セレクトhereのすべてのsass変数を表示できます)

デフォルトのスタイルをオーバーライドするあなたが「アクションシートを選択し、」スタイルを使用しているように見える明示的にあなたのイメージから

.ios,.md,.wp{ 
    // your style here 
} 

であなたのSCSSのコードをラップする必要があります。フォントサイズを変更するには.action-sheet-ios .action-sheet-buttonクラスを対象にします。

これは具体的にはiosを対象としています。

関連する問題