下記の設定でテキストボックスをフォーカスした際に表示される青枠線を消すことが出来ません。どのように致せばよいでしょうか?
/* bootstrap使用 */ <input type="text" class="form-control" id="test1"> #test1{ outline:0; } #test1:focus{ /* focasとなっていたのでfocusに */ outline:0; }
https://jsfiddle.net/k5g402zc/ Chrome/Firefoxで再現しません。環境(ブラウザ/バージョン/OS)を質問文に追記してください。
指定の値は「0」でなく、「none」ではないでしょうか?
-追記-
「0」も有効な記述なのですね。知識不足で誤った質問でスミマセンでした。
再現しないということは枠線が出ないということでしょうか?
hover時に青が出て入力状態では(focus)青くなりませんね。あと、回答が付いた質問の編集は慎重に行ってください。質問文のコードについて回答にて指摘があった場合は「追記」し、元のコードを編集する場合も「直したこと」がわかるようにしてください。
質問者。多分 bootstrap 使用でしょうが その前提が何も書かれてない場合再現確認には使いませんので
失礼しました。こちらbootstrapです。その時に青い枠線が出るのを防ぐ方法はありますでしょうか?
現状のスクリーンショットを添付することで「青枠線」の意図するところを明らかにして下さい.
まさかとは思いますが、記載のコードをそのままHTMLに書いてるというわけではないですよね?<style type="text/css">...</style>で囲むか、外部ソースで読み込んでいますか?失礼ですが一応確認です。
回答3件
あなたの回答
tips
プレビュー