今回はCSSでよく使われる擬似クラス:link, :visited, :hover, :active, :focusの使い方について解説します。 上記の擬似クラスは「states」（状態）を表現する擬似クラスになります。 1つのフィールドがJqueryダイアログの形式であり、それがDatepickerを必要とするフィールドである場合は、ダイアログのタイトルバーにあるダイアログのClose（十字）ボタンにフォーカスを設定するだけです。 $('.ui-dialog-titlebar-close').focus(); input, button, textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } 上記をそのまま使用すると記述した要素全てに適用されるので、リセットしたくない要素は指定から外す、もしくは属性セレクタなどを利用すれば特定の要素に指定しやすくなると思います。 また、 … dialogButton.focus() 2. $(".button").click( function(){ this.blur(); } ); とはいっても、画面遷移しちゃうようなボタンでやったところで、あまり見てもらえなくて残念。 例えばAjaxコンテンツのような、その場で切り替わるページなら、 スポンサードリンク. 1つのフィールドがJqueryダイアログの形式であり、それがDatepickerを必要とするフィールドである場合は、ダイアログのタイトルバーにあるダイアログのClose（十字）ボタンにフォーカスを設定するだけです。 $('.ui-dialog-titlebar-close').focus(); ダイアログ側のボタンにもデフォルトでフォーカスしたくない場合など、他にフォーカスを当てるべき要素がない場合も考えられます。この場合は、単にボタンからフォーカスを外すようにします。 忘却曲線を使って「element.blur」を確実に記憶に残す 「element.blurの動作デモ」 新しいウィンドウで実行 | スクリプトを編集＆実行 - スクリプトをWEB上で編集＆動作確認することが出来ます。 関連ページ. Window.blur() - フォーカスを外す. CSS. CSS の :active 疑似クラスは、ユーザーによってアクティブ化されている要素 (ボタンなど) を表します。 マウスを使用する場合は、「アクティブ化」とはふつう、第1ボタンを押し下げたときに始まります。 /* アクティブ化されている をすべて選択します */ a:active { color: red; }