ログイン画面の「アカウントを作成する」ボタンを非表示にしたい

日本語 ディスカッション 技術的なQ＆A
,

Topic summary

BtoBサイトのログイン画面で「アカウントを作成する」ボタンを非表示にする方法についての質問。

質問者の課題:

  • カスタムCSSでボタンを非表示にしたいが、要素名が不明
  • 該当する要素のクラスやIDを特定できない

提案された解決策:

  1. シンプルな方法 - クラス名を直接指定:
.__web-inspector-hide-shortcut__ {
  display: none;
}
  1. より安全な方法 - 属性セレクタを使用:
a[href="/account/register"].__web-inspector-hide-shortcut__ {
  display: none;
}

結果:
質問者は無事に非表示化に成功し、解決済み。属性セレクタを使う方法は、同じクラスが他の要素で使われている場合でも意図しない要素を消さないため、より確実な対応として推奨された。

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
1

BtoBサイトを運営しています。

ログイン画面の「アカウントを作成する」ボタンを非表示にしたいのですが、カスタムCSSで指定することは可能でしょうか？

要素名がわからないため、この場合のCSSをご教示いただけますと幸いです。

何卒よろしくお願いします。

スクリーンショット 2024-10-24 141815.png
スクリーンショット 2024-10-24 141815.png739×443 9.59 KB

2

こんにちは！

「アカウントを作成する」というテキストの要素が特定できないとCSSを当てることができないので、

  1. 対象のページのURLを共有いただく
  2. 開発者ツールなどでテキストの要素に付与されているidやclass(無ければ親子関係)を確認いただく

このどちらか対応いただければ回答できるかなと思います！

3 

        アカウントを作成する

ご連絡ありがとうございます。

色々探るとこの部分にたどり着きました。恐らくこれに該当すると思います。

4

ありがとうございます！

__web-inspector-hide-shortcut__

このクラスが他で使わていなければ素直に

.__web-inspector-hide-shortcut__ {
  display: none;
}

これでいいのですが、他で使われている場合意図しない要素まで消えてしまうので、念のため

a[href="/account/register"].__web-inspector-hide-shortcut__ {
  display: none;
}

このように属性セレクタで指定してあげるのが良さそうです！

5

無事非表示にすることができました。ありがとうございました。

1 Like