CSSの質問をしたり答えたりする掲示板

2019-01-30に作成

CSSに関する質問を何でもしていい掲示板です。匿名での投稿も可能です。BootstrapやBulma等のCSSフレームワークなども良いと思います。どんなことでもどしどし書き込んでください。回答もどなたでも自由にできます。僕も回答できる内容であれば必ず回答します!

質問は下記に沿って書いていただくと回答しやすくなります。

  • 実際のソースコードがある場合、可能な範囲で書いていただくと問題点を見つけやすくなります。
  • 実際に発生したエラーメッセージがある場合、コピペしていただくと問題解決につながる可能性が高いです。
  • 見た目上の問題の場合、スクリーンショットを貼ると状況が把握しやすくなります。
person
(匿名) #8ffad39d
comment
2

お世話になります。
標記に尽いて質問をさせてください。

summaryの「▶」を画像に変更しようとCSSを書いたのですが、
背景までその画像になってしまいます(画像参照)。
いろいろ参考にさせていただいたブログさまの通り書いているのですが、
どうにもうまくいきません。

コードについてご指導をよろしくお願いいたします。

summary{
cursor:pointer;
list-style:none;
background-image:url(URL);
background-repeat: no-repeat;
}
summary::-webkit-details-marker{
background:url(URL);
no-repeat; center/6px;
color:transparent;
background-size:11px;
}

※この画面を確認したブラウザはchromeです

image.png