chormeのuser agent stylesheetで、<blockquote>につくmarginを初期化したいのですが、うまくできません。
リセットcssを読み込んだりしたのですが、適応されず困っています。
お分かりになる方、ご助力をお願いいたします…!
下記html、cssをプレビュー(GoogleChrome)で確認したところ、
<blockquote>にmarginが設定されていました。----------私のコード----------
html
1<blockquote> 2 <p> 3 花子 4 </p> 5 <p> 6 カンプ用テキストです。カンプ用テキストです。 7 </p> 8 <img src="sumple.png" alt=""> 9</blockquote>
css
1 blockquote { 2 margin: 0; 3 padding: 0; 4 background: #ffe5e5; 5 font-size: 12px; 6 }
私の方で設定した覚えがないので、Chromeの検証機能で確認すると、
user agent stylesheetというcssに記述されているmarginのようで、
そのcssはブラウザごとに設定されているデフォルトのcssという事が分かりました。
※以下のコードです
---------user agent styleshee-----------
css
1blockquote { 2 display: block; 3 -webkit-margin-before: 1em; 4 -webkit-margin-after: 1em; 5 -webkit-margin-start: 40px; 6 -webkit-margin-end: 40px; 7}
上記の、
-webkit-margin-start: 40px;
-webkit-margin-end: 40px;
の部分を無効化したいです。
そこで、リセットcssを設定し、user agent stylesheetを無効化しようとしましたが、
反映されませんでした。
----------リセットcss----------
css
1blockquote, q { 2 quotes: none; 3 margin: 0; 4 padding: 0; 5} 6blockquote:before, blockquote:after, 7q:before, q:after { 8 content: ''; 9 content: none; 10}
そこで、加えてcssの<brockquote>にmargin:0;の記述をしましたが、やはりuser agent stylesheetの無効化はできませんでした。
user agent stylesheetはどのようにして無効化できるのでしょうか。
回答2件
あなたの回答
tips
プレビュー