cssで outline: none;
を指定するとフォームのアウトラインが消せたり
またこのプロパティでアウトラインの色を変更することができるはずですが
なぜかこの指定が一向に一向に効いてくれません。
以下の記述で間違ってる点はありますか?
html
1<input type="text" class="input" name="title" placeholder="タイトルを入力" value="" />
css
1.input { 2 outline: none; 3}
詳細
WordPress オリジナルプラグイン制作中
php
1// 他省略 2 3// 入力用関数 4function insert_custom_fields() 5{ 6 global $post; 7 echo ' 8 <li class="form"> 9 <div class="title">タイトル<span>必須</span></div> 10 <input type="text" class="input" name="title" placeholder="タイトルを入力" value="'.get_post_meta($post->ID, 'title', true).'" /> 11 </li>'; 12// 省略 13}
※cssは上と同じ
間違ってないように見えます。質問文にあるHTMLとCSSの最小構成でどのブラウザで問題が再現しますか?
現在WordPressでオリジナルプラグインを制作中です。
基本はフォームも用意できスタイルも独自のものを当てられています。
ただなぜかoutline: none;をしても、フォーカスを当てると青い線が出てしまいます。
ちなみに!importをつけても何も変わりませんでした。
最初の質問文にあったHTMLとCSSの最小構成で問題が再現するのですか? それとも WordPress がないと再現しませんか?
そうですね。WordPressでやってますので、WordPressがないと再現できません。
タイトルとタグにWordPress追加しました
WordPressのほうで、最優先となるフォーカス時のスタイルが定義されているのでは?
ブラウザの開発者ツールにて適用されるスタイルを確認してみてください。