htmlのimgタグの枠線が取れない

Question

黄色い枠線で囲まれているなかのうすい線が取れません。

なぜかGoogle Choromeだけ表示されてしまいます。

試したCSSの内容----
border:none;
outline:0;
border:0px;
border-color:transport;

--CSSフレームワーク
追記準備中

Comments

[mhashi]

ちょっと何が原因でその状況が発生しているのかわからないので、どのようなCSSを書いたらそうなるのか、何を試してダメだったのかなど書いていただけますでしょうか。テンプレートに則るとわかりやすいかもしれません。

[rossi46hiro]

こちらの質問が他のユーザから「質問の範囲が広すぎる」という評価を受けています
わからない点を明確にし、調査したこと・試したことと共に記入していただくと、回答が得られやすくなります。

[TaruOrder]

情報追加・修正の依頼ありがとうございます！
試してみたものを追記しました！

[rossi46hiro]

HTMLと他にCSSフレームワークを使っているのかどうかも情報もらえますか？
そもそもimgのborderじゃない可能性やCSSフレームワークを使ってるならうまく上書きできていない可能性があるので。

[TaruOrder]

調べてみたのですがCSSフレームワークというものがわかりません...

[rossi46hiro]

分からないということであれば使っていないと思うので、HTML情報だけいただければ大丈夫そうです。

[izkn]

こちらの質問が他のユーザから「質問の範囲が広すぎる」という評価を受けています
わからない点を明確にし、調査したこと・試したことと共に記入していただくと、回答が得られやすくなります。

Answer 1

chromeだけ黄色いボーダーが入るということですが、chromeで独自にアドオンなどによるスタイルの適用はしていないのでしょうか。
例えば「Stylish」のようなアドオンです。

あとはHTMLのコードがないため分からないのですが、imgの外にdivなどがあり、divのstyleにボーダーが適用されている可能性もあるかもしれません。

Comments

[TaruOrder]

解答ありがとうございます！！
アドオン的なものが入っているとどうにもならないのですかねぇ。。。

[rontec]

どうにもならないことはないです。
そのアドオン次第ではありますが、例えば「Stylish」であれば、適応しているコードを書き換えることで対応は出来ます。

ただそもそもページレイアウトに影響するようなアドオンを使用していない場合は関係ないので、レアケースぐらいに考えて頂いた方が良いと思います。

Answer 2

スタイルシート、もしくはスタイルタグ内に下記を追記してはどうでしょうか。

img {
    border: none;
}

Comments

[TaruOrder]

解答ありがとうございます！
僕のミスで試したcssの内容が書いていなかったので追記しておきました。
border:noneにしてみたのですがうまくいきませんでした....

[CyberMergina]

開発者ツールから確認はしてみましたか？
スタイルが効いていなかったり、他のスタイルシートが邪魔していたりしませんかね・・・？

あと、imgタグに「style='border:none;'」と直接書いてみてスタイルが効くか試してみてはどうでしょうか。

[Ryo]

outline: none !important; とかどうですかね？

[TaruOrder]

解答ありがとうございます！！
F12開発者ツールで、!importan文とBorner:noneにしてみたのですがだめでした....