simadzu https://blog.hatena.ne.jp/simadzu/ simadzu’blog https://simadzu.hatenablog.com/ はてなブログ いつも何かないかと、はてなブログのカスタマイズについてネットでいろいろ調べていますが、何もないので目立たない地味な部分までちまちまとカスタマイズしてしまいました...。 検索ボタン 検索ボタンをマウスオーバーしたときにボタンの色と背景色を反転するようにしました。 ボタンの背景色を白に、ボタンをホバー（hover）したときに「filter:invert(100%)」を設定して（「mix-blend-mode:difference」でもOK）、ボタンを白黒反転します。 ただ、検索ボックスの角を丸くしているのでホバー時にボタンの背景色がはみ出してしまいます。検索ボックスに「overflow:hidd… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fsimadzu.hatenablog.com%2Fentry%2Fsimple-customize" title="はてなブログの目立たない地味なカスタマイズ - simadzu’blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/s/simadzu/20241021/20241021152818.png Hatena Blog https://hatena.blog 2024-10-12 21:33:35 rich https://simadzu.hatenablog.com/entry/simple-customize 1.0 100%