CSS - ：focus iOSで動作しない

Question

リンクをクリックすると、font-sizeはiOSでは大きくなりませんが、Androidでは動作します。

ontouchstart = "" bodyタグ内

のjQuery：

$(".primary-menu li a").on('click', function() { 
    $(this).css("font-size", "15px"); 
}); 

CSS：

をどのように私はそれが私が試してみました何

を動作させるのですか

.primary-menu li a:focus { font-size: 15px !important; } 

jQueryのまたはCSSのいずれもが、iOS版で動作します

唯一のAndroid

は（ノーによって

Answer 1

は、そのことについては、CSSの専門家、またはJavaScriptを意味しますが、同じ主題領域の周りグーグルのための純粋なCSSのイベントアクションをありがとうございましたiOS版/モバイル）しかしどこ私はここでフライアウトと例を探していた、例がで来ることは非常に困難であることを私に示した興味深い例です。

• [https://codepen.io/Tont/pen/hdsev][1] - でチェックボックスを使用して「表示：なし」ボタンの上に。 cssは、この入力がここで「チェックされている」かどうかを参照します：

  入力：チェック〜ul.submenu { 最大高さ：300px; トランジション：最大高さ0.5sイージーイン; }

同じ隠されたチェックボックスの方法論は、純粋なCSSを実装するために使用することができ<a>要素のフォントサイズを変更すること取るべき行動を持つイベントハンドラを「クリック」。

iOSで自分のコードを簡単にテストする方法がないため、JQueryで本当に助けになることはできませんが、.cssの代わりに.setAttribute(<attribute_name>, <attribute_value>)を試してみてください。