inputでfocusした時に枠線を消したい。

Question

現在Reactでフォームを作っているのですが、

input:focus{
 outline: none;
}

をしてもフォーカスした時の枠線を消すことができませんでした。
他にも

border:none

を試してみても解決できませんでした。
こちらの枠線の消し方を教えていただきたいです

Answer 1

:focus が :foucs になっています。

Comments

[21212121]

あ、すみませんこっちの質問が誤字でした。
:focusにしても機能しません、、、

[anozon]

jsx 部分のコードありますか？

[anozon]

style が適用されているかの切り分けとして
devTools でinput要素を見て :focus で outline: none は有効になっていますか？