検索ボックスについて

PR 2016/10/19

このトピックには7件の返信、2人の参加者があり、最後ににより2年、 8ヶ月前に更新されました。

7件の返信スレッドを表示中

投稿者

投稿
- 2016年10月19日 4:46 PM #46399
  
  みき
  ゲスト
  
  お世話になっております
  検索ボックスの形を○○丸型にしたときに
  画像のように周りがずれるので修正したいです
- 2016年10月19日 4:52 PM #46400
  
  みき
  ゲスト
  
  このように修正したいです
- 2016年10月19日 10:55 PM #46411
  
  わいひら
  キーマスター
  
  Chromeで表示されるフォーカスの枠のことですよね？
  これを、修正する方法ってあるんですかね。
  とりあえず現在僕はわからないです。
  ちょこっと調べてみた感じでもそれっぽいものは見つかりませんでした。
- 2016年10月19日 10:58 PM #46413
  
  みき
  ゲスト
  
  ほ・ほんとだ!
  Chromeだけでる
  通常ブラウザがChromeなので・・・
- 2016年10月19日 11:15 PM #46416
  
  みき
  ゲスト
  
  今調べてみたのですが
  outline: 0;とか
  outline: none;が出てきます
  でも関係がありそうな所に入れていったのですが
  変わらないんですよね
- 2016年10月20日 12:40 AM #46423
  みき
  ゲスト
```
input[type="text"]:focus {
  outline: none;
}
```
  で消えました!!
- 2016年10月20日 1:11 AM #46428
  みき
  ゲスト
  ちなみに
```
border:none;
*border:0;
```
  上のコードでIEとかFirefoxでも使えました
  ※検索だけでなくお問い合わせフォームとかも変わりました
  検索以外を変えたくなければclassを使うしかないですね・・・
- 2016年10月20日 3:17 PM #46451
  わいひら
  キーマスター
```
selector:focus {
  outline: none;
}
```
  こんな方法があったんですね！
  知りませんでした。
  とりあえず、手元のファイルは、（丸型の）検索ボックスにフォーカスしたときに、ラインを出さないように修正しておきました。次のバージョンで多分改善されると思います。
  勉強になりました。ありがとうございます！
投稿者

投稿

7件の返信スレッドを表示中

フォーラム「テーマファイルのカスタマイズに関する質問など」には新規投稿および返信を追加できません。