web-dev-qa-db-ja.com

Ionicフレームワークはボタンアイコンのサイズを設定できません

このコードのカスタムアイコン（ionicons）のサイズを設定したいと思います。

<button class="button button-icon icon ion-stop customIconSound"></button>

クラスの場合customIconSound私は以下を試しました：

button.customIconSound,button.button-icon {
    font-size: 52px !important;
    color: #fff;
    line-height: 55px!important;
}

しかし、運がなければ。 button button-icon classなしでアイコンクラスを試した場合、それは機能しているが、ボタンなしのクラスアイコンは押されていない状態です（ボタンではないため）。

どうすれば解決できますか？

アドバイスありがとうございます。

cssiconsionic-frameworkionic
9
redrom

ルーカスは近かったが、正しい構文はこれだ

button.customIconSound:before {
    font-size: 22px !important;
}
15
Luis Cabrera

あなたがまだあなたの問題を解決しなかった場合、または将来それを扱う人々のために。

I疑似要素のcssスタイルを変更する必要があります：before

button.customIconSound i:before {
    font-size: 52px !important;
}
6
lucas

あなたの例は機能しています ここ 。

多分あなたの問題は何か他のものによって引き起こされます。

PS：アイコンのサイズを変更するだけの場合は、このcss行で十分です。

.customIconSound {
    font-size: 52px;
}
3
Bellu

裁定してみてくださいbutton-iconクラスアウト。私の場合、そのcssクラスが問題でした。同様に、結果として、cssスタイルはボタンタグでも機能しました。例えば：

<button class="button button-clear ion-edit" style="color:#fff; font-size:22px"></button>
0
Jesús Castro